@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,700&family=Inter:wght@400;500;600&display=swap";:root{--archive-paper: #f7f3eb;--archive-paper-edge: #ede5d2;--cream-stock: #fdfbf4;--ink: #1a140e;--ink-soft: #4a3a28;--ink-faint: #8b6b3e;--gallery-warm: #c9b89c;--overlay-dark: rgba(26, 20, 14, .78);--display-font: "Fraunces", "Recoleta", Georgia, serif;--body-font: "Inter", system-ui, sans-serif;--gap: 14px;--wire-color: rgba(74, 58, 40, .42);--wire-highlight: rgba(255, 255, 255, .5);--floor-shadow: rgba(26, 20, 14, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--body-font);background:var(--archive-paper);color:var(--ink);-webkit-font-smoothing:antialiased}body:not(.card-page){height:100vh;overflow:hidden}#app{position:relative}html.is-entered .hero{opacity:0;pointer-events:none;transition:none!important}html.is-entered .hero-background{transform:scale(1.7) translateY(-4%);filter:blur(3px);opacity:.18;transition:none!important}html.is-entered .hero-text{opacity:0;transform:translate(-32vw,-38vh) scale(.32);transition:none!important}html.is-entered .hero-enter{opacity:0;pointer-events:none;transition:none!important}html.is-entered .gallery{opacity:1;pointer-events:auto;transform:scale(1);transition:none!important}html.is-entered .site-header{opacity:1;transform:translateY(0);transition:none!important}html.is-entered .card-wind{animation:card-return-dangle 1.3s cubic-bezier(.33,1,.68,1) calc(.2s + var(--card-index, 0) * .11s) 1 both}@keyframes card-return-dangle{0%{transform:rotate(0)}22%{transform:rotate(2.6deg)}50%{transform:rotate(-1.5deg)}74%{transform:rotate(.6deg)}92%{transform:rotate(-.18deg)}to{transform:rotate(0)}}.hero{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;transition:opacity .7s cubic-bezier(.7,0,.84,0) 1.5s}.hero.is-faded{opacity:0;pointer-events:none}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/hero-bg.jpg);background-size:cover;background-position:center;transform:scale(1) translateY(0);transform-origin:50% 38%;filter:blur(0);transition:transform 1.5s cubic-bezier(.16,1,.3,1) .2s,filter 1.5s cubic-bezier(.16,1,.3,1) .2s,opacity 1.4s cubic-bezier(.16,1,.3,1) .3s;will-change:transform,opacity,filter}.hero.is-entering .hero-background,.hero.is-faded .hero-background{transform:scale(1.7) translateY(-4%);filter:blur(3px);opacity:.18}.hero-text{position:relative;z-index:2;margin:0;padding:0 2rem;max-width:1400px;text-align:center;text-wrap:balance;text-transform:uppercase;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 144;letter-spacing:.005em;color:#fff;font-size:clamp(2.4rem,7vw,6rem);line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.14);transition:opacity .55s cubic-bezier(.7,0,.84,0),transform .7s cubic-bezier(.7,0,.84,0);will-change:transform,opacity}.hero.is-entering .hero-text,.hero.is-faded .hero-text{opacity:0;transform:translate(-32vw,-38vh) scale(.32)}.hero-enter{position:absolute;right:2rem;bottom:2rem;z-index:3;padding:.75rem 1.4rem;border:1px solid rgba(255,255,255,.62);background:#1a140e2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:var(--body-font);font-size:.85rem;font-weight:500;letter-spacing:.14em;text-transform:lowercase;cursor:pointer;transition:background .24s cubic-bezier(.2,0,0,1),border-color .24s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.32,0,.16,1),opacity .45s cubic-bezier(.7,0,.84,0)}.hero-enter:hover{background:#1a140e59;border-color:#fff}.hero-enter:active{transform:scale(.97)}.hero.is-entering .hero-enter,.hero.is-faded .hero-enter{opacity:0;transform:scale(1.06);pointer-events:none}.site-header{position:fixed;top:1.25rem;left:1.5rem;z-index:20;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .9s cubic-bezier(.16,1,.3,1) 1.1s,transform 1s cubic-bezier(.16,1,.3,1) 1.1s}body.is-revealed .site-header{opacity:1;transform:translateY(0)}.site-title{font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 144;font-size:1.4rem;letter-spacing:.04em;color:var(--ink);mix-blend-mode:difference}.gallery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--archive-paper);padding:5rem 0 4rem;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(.98);transition:opacity 1.1s cubic-bezier(.16,1,.3,1) 0ms,transform 1.3s cubic-bezier(.16,1,.3,1) 0ms;will-change:opacity,transform}body.is-revealed .gallery{opacity:1;pointer-events:auto;transform:scale(1)}.gallery-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/hero-bg.jpg);background-size:280% auto;background-position:50% 28%;background-repeat:no-repeat;opacity:.18;pointer-events:none}@media (max-width: 768px){.gallery-background{background-size:320% auto}}.cards{position:relative;z-index:1;width:min(1280px,94vw);margin:0 auto;min-height:720px;perspective:2000px;perspective-origin:50% 35%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card{position:absolute;left:var(--card-x);top:var(--card-y);width:var(--card-w);height:var(--card-h);opacity:var(--depth-opacity, 1);transition:opacity .32s cubic-bezier(.2,0,0,1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card:hover,.card:focus-within{opacity:1}body.is-revealed .card{animation:card-drop .98s calc(60ms + var(--card-index, 0) * 38ms) backwards}body.is-revealed .card-wind{animation:card-dangle 1.15s cubic-bezier(.33,1,.68,1) calc(60ms + var(--card-index, 0) * 38ms + .56s) 1}@keyframes card-drop{0%{transform:translateY(-160px);animation-timing-function:cubic-bezier(.45,0,.95,.55)}60%{transform:translateY(12px);animation-timing-function:cubic-bezier(.22,1,.36,1)}82%{transform:translateY(-4px);animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:translateY(0)}}@keyframes card-dangle{0%{transform:rotate(0)}20%{transform:rotate(2.4deg)}45%{transform:rotate(-1.5deg)}70%{transform:rotate(.7deg)}88%{transform:rotate(-.25deg)}to{transform:rotate(0)}}.card-wire{position:absolute;left:50%;bottom:100%;width:1px;height:var(--wire-length);background:linear-gradient(to bottom,transparent 0%,var(--wire-color) 14%,var(--wire-color) 100%);transform:translate(-.5px);pointer-events:none}.card-wire:after{content:"";position:absolute;left:-1.5px;bottom:-2px;width:4px;height:4px;border-radius:50%;background:var(--ink-soft);box-shadow:0 0 0 1px #f7f3eb80}.card-wind{position:relative;width:100%;height:100%;transform-origin:top center;transform:rotate(var(--wind-angle, 0deg));transition:transform .72s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card-pendulum{position:relative;width:100%;height:100%;transform-origin:top center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.card-tile-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(var(--rest-z, 0px)) rotateY(var(--rest-rotate-y, 0deg)) rotateX(var(--rest-rotate-x, 0deg));transition:transform .62s cubic-bezier(.34,1.56,.64,1);will-change:transform}.card:hover .card-tile-3d,.card:focus-within .card-tile-3d{transform:translateZ(120px) rotateY(0) rotateX(0)}.card:hover .card-pendulum,.card:focus-within .card-pendulum{animation:pendulum-sway 1.1s cubic-bezier(.22,.7,.3,1) 1}@keyframes pendulum-sway{0%{transform:rotate(0)}18%{transform:rotate(2.2deg)}42%{transform:rotate(-1.4deg)}68%{transform:rotate(.7deg)}86%{transform:rotate(-.3deg)}to{transform:rotate(0)}}.card-tile-3d.is-lifting{transform:rotateY(0) rotateX(0) translateZ(28px) scale(1.03);transition:transform .2s cubic-bezier(.32,0,.16,1)}.card-tile{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;border:none;background:var(--cream-stock);overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #1a140e14,0 12px 28px #1a140e24;transition:box-shadow .42s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.card:hover .card-tile,.card:focus-within .card-tile{box-shadow:0 6px 12px #1a140e1a,0 24px 54px #1a140e38;outline:none}.card-tile:active{transform:translateZ(0) scale(.985);transition:transform .14s cubic-bezier(.32,0,.16,1)}.card-image{width:100%;height:100%;background:var(--gallery-warm);box-shadow:inset 0 0 0 1px #00000014}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-floor-shadow{position:absolute;left:50%;bottom:-28px;width:78%;height:18px;transform:translate(-50%) translateZ(-1px);background:radial-gradient(ellipse at center,var(--floor-shadow) 0%,rgba(26,20,14,.06) 55%,transparent 80%);filter:blur(4px);pointer-events:none;opacity:.85;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.card:hover .card-floor-shadow,.card:focus-within .card-floor-shadow{opacity:.4}.card-label{position:absolute;bottom:0;left:0;right:0;padding:.9rem .9rem .75rem;background:linear-gradient(to top,var(--overlay-dark) 0%,rgba(26,20,14,.5) 55%,rgba(26,20,14,0) 100%);color:#fff;opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1) 80ms;display:flex;flex-direction:column;gap:.22rem;pointer-events:none}.card:hover .card-label,.card:focus-within .card-label{opacity:1}.card-title{margin:0;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 24;font-size:1rem;line-height:1.1;color:#fff;letter-spacing:.005em}.card-lede{margin:0;font-family:var(--body-font);font-size:.78rem;line-height:1.35;color:#ffffffe6}.card-date{margin-top:.2rem;font-family:var(--body-font);font-size:.66rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbd}.card[data-highlighted=true] .card-tile{outline:1px solid rgba(74,58,40,.2);outline-offset:-1px}.card[data-placeholder=true] .card-tile{cursor:default}.card[data-placeholder=true] .card-label{opacity:0}.card[data-placeholder=true]:hover .card-label,.card[data-placeholder=true]:focus-within .card-label{opacity:.78}.card[data-special=about] .card-tile{outline:1.5px solid var(--ink-soft);outline-offset:-1px}.card[data-special=about] .card-label{opacity:.85}.card[data-special=about] .card-tile-3d:before{content:"about";position:absolute;top:.7rem;left:.8rem;z-index:3;padding:.22rem .5rem;background:var(--cream-stock);color:var(--ink);font-family:var(--body-font);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;transform:translateZ(2px);box-shadow:0 1px 2px #1a140e1a}.card-want{display:inline-block;padding:.55rem 1.1rem;border:1px solid var(--ink-faint);background:transparent;font-family:var(--body-font);font-size:.78rem;font-weight:500;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;transition:background .24s cubic-bezier(.2,0,0,1),color .24s cubic-bezier(.2,0,0,1),border-color .24s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.32,0,.16,1)}.card-want:hover:not(:disabled){background:var(--ink);color:var(--cream-stock);border-color:var(--ink)}.card-want:active:not(:disabled){transform:scale(.96)}@keyframes want-state-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.card-tile-3d{transform:translateZ(0) rotateY(0) rotateX(0)!important;transition:none}.card-pendulum{transition:none}.card:hover .card-pendulum,.card:focus-within .card-pendulum{animation:none}.card-wind{transition:none;transform:rotate(0)!important}.card:hover .card-tile-3d,.card:focus-within .card-tile-3d{transform:translateZ(0) rotateY(0) rotateX(0)!important}.card-tile-3d.is-lifting{transform:translateZ(0) rotateY(0) rotateX(0)!important}.card{opacity:1!important}.card-tile{transition:none}.card-tile:active{transform:none}.card-label,.card-floor-shadow{transition:none}.card-want:active:not(:disabled){transform:none}.hero,.hero-background,.hero-text,.hero-enter,.gallery,.site-header{transition:opacity .12s linear!important}.hero-background{transform:none!important;filter:none!important}.hero-text,.hero-enter,.gallery,.site-header{transform:none!important}.card{transform:none!important;transition:none!important;animation:none!important}body.is-revealed .card-wind,html.is-entered .card-wind{animation:none!important}}@media (max-width: 900px){.cards{min-height:0;padding:1rem 0 4rem;perspective:1600px}.card{position:relative!important;left:auto!important;top:auto!important;margin:0 auto;width:min(82vw,320px)!important;height:auto!important;aspect-ratio:var(--card-w) / var(--card-h)}.card+.card{margin-top:56px}.card-wire{height:56px!important}.card-tile-3d{transform:rotateY(calc(var(--rest-rotate-y, 0deg) * .55)) rotateX(calc(var(--rest-rotate-x, 0deg) * .55))}}@media (max-width: 420px){.card{width:88vw!important}.card+.card{margin-top:44px}.card-wire{height:44px!important}}body.card-page{background:var(--archive-paper);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}.card-page-header{padding:1.5rem 2rem;max-width:760px;width:100%;margin:0 auto}.card-page-back{font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 24;font-size:1.05rem;letter-spacing:.04em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem;margin:-.3rem -.5rem;border-radius:4px;transition:background .2s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.32,0,.16,1)}.card-page-back:hover{background:#1a140e0d}.card-page-back:active{transform:scale(.97)}.card-page-back span{transition:transform .2s cubic-bezier(.2,0,0,1)}.card-page-back:hover span{transform:translate(-3px)}.card-page-article{max-width:680px;width:100%;margin:0 auto;padding:1rem 2rem 5rem;flex:1}.card-page-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-family:var(--body-font);font-size:.85rem;letter-spacing:.04em;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--archive-paper-edge)}.card-page-links a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1)}.card-page-links a:hover{color:var(--ink);border-color:var(--ink)}.card-page-image{width:100%;height:auto;max-height:420px;object-fit:cover;display:block;margin:0 0 2rem;box-shadow:inset 0 0 0 1px #00000014,0 4px 14px #1a140e1a;background:var(--gallery-warm)}.card-page-meta{margin-bottom:1.75rem}.card-page-meta h1{margin:0 0 .45rem;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 144;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02;letter-spacing:.005em;color:var(--ink);text-wrap:balance}.card-page-meta time{display:block;font-family:var(--body-font);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.card-page-body{font-family:var(--body-font);font-size:1.02rem;line-height:1.7;color:var(--ink);text-wrap:pretty}.card-page-lede{font-family:var(--display-font);font-weight:400;font-variation-settings:"opsz" 48;font-size:1.25rem;line-height:1.45;color:var(--ink-soft);margin:0 0 1.5rem;font-style:italic;text-wrap:balance}.card-page-body h2{font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 48;font-size:1.45rem;line-height:1.2;letter-spacing:.005em;margin:2.4rem 0 .7rem;color:var(--ink);text-wrap:balance}.card-page-body p{margin:0 0 1.05rem}.card-page-body p:last-child{margin-bottom:0}.card-page-body ul,.card-page-body ol{margin:0 0 1.2rem;padding-left:1.4rem}.card-page-body li{margin-bottom:.5rem}.card-page-body a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:.5px}.card-page-body a:hover{color:var(--ink)}.card-page-body em{font-style:italic}.card-page-body strong{font-weight:600}.card-page-want{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--archive-paper-edge)}.card-page-want[data-state=form] .card-want,.card-page-want[data-state=thanks] .card-want,.card-page-want[data-state=button] .card-page-want-form,.card-page-want[data-state=thanks] .card-page-want-form,.card-page-want[data-state=button] .card-page-want-thanks,.card-page-want[data-state=form] .card-page-want-thanks{display:none}.card-page-want-form{display:flex;gap:.5rem;align-items:stretch;max-width:460px;animation:want-state-enter .38s cubic-bezier(.2,0,0,1)}.card-page-want-input{flex:1;padding:.6rem .9rem;border:1px solid var(--ink-faint);background:var(--cream-stock);font-family:var(--body-font);font-size:.9rem;color:var(--ink);outline:none;transition:border-color .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1)}.card-page-want-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1a140e14}.card-page-want-send{padding:.6rem 1.1rem;border:1px solid var(--ink);background:var(--ink);color:var(--cream-stock);font-family:var(--body-font);font-size:.82rem;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.32,0,.16,1)}.card-page-want-send:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.card-page-want-send:active{transform:scale(.96)}.card-page-want-thanks{margin:0;font-family:var(--body-font);font-size:.95rem;font-style:italic;color:var(--ink-faint);animation:want-state-enter .38s cubic-bezier(.2,0,0,1)}@media (max-width: 600px){.card-page-header{padding:1rem 1.25rem}.card-page-article{padding:1rem 1.25rem 4rem}.card-page-image{max-height:280px;margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.card-page-back,.card-page-back span,.card-page-back:active,.card-page-want-input,.card-page-want-send,.card-page-want-send:active,.card-page-want-form,.card-page-want-thanks{animation:none;transition:none}}
