@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;--cell: 200px;--row: 150px}*{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}#app{position:relative}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0}.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}.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)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:32vh;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(247,243,235,0) 0%,rgba(247,243,235,.6) 60%,var(--archive-paper) 100%);opacity:var(--hero-fade-opacity, 0)}.site-header{position:fixed;top:1.25rem;left:1.5rem;z-index:20;opacity:0;pointer-events:none}.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:relative;z-index:1;background:var(--archive-paper);padding:3rem 0 6rem;min-height:100vh}.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;background-attachment:fixed;opacity:.15;pointer-events:none}@media (max-width: 768px){.gallery-background{background-attachment:scroll;background-size:320% auto}}.cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,var(--cell));grid-auto-rows:var(--row);grid-auto-flow:dense;gap:var(--gap);justify-content:center;max-width:1600px;margin:0 auto;padding:0 var(--gap)}.card{position:relative;grid-column:span var(--span-col, 1);grid-row:span var(--span-row, 1)}.card-tile{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:transparent;overflow:hidden;cursor:pointer;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1);transform-origin:center}.card-tile:hover,.card-tile:focus-visible{transform:scale(1.04);box-shadow:0 14px 36px #1a140e2e,0 4px 12px #1a140e14;z-index:5;outline:none}.card-tile:active{transform:scale(1);transition:transform .14s cubic-bezier(.32,0,.16,1),box-shadow .14s cubic-bezier(.32,0,.16,1)}.card:hover,.card:focus-within{z-index:5}.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-label{position:absolute;bottom:0;left:0;right:0;padding:.7rem .7rem .55rem;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 .24s ease;display:flex;flex-direction:column;gap:.18rem;pointer-events:none}.card-tile:hover .card-label,.card-tile:focus-visible .card-label{opacity:1}.card-title{margin:0;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 18;font-size:.82rem;line-height:1.1;color:#fff;letter-spacing:.005em}.card-lede{margin:0;font-family:var(--body-font);font-size:.66rem;line-height:1.3;color:#ffffffe0}.card-date{margin-top:.2rem;font-family:var(--body-font);font-size:.6rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8}.card[data-highlighted=true] .card-tile{outline:1px solid rgba(74,58,40,.18)}.card[data-special=about] .card-tile{outline:1.5px solid var(--ink-soft);outline-offset:0}.card[data-special=about] .card-label{opacity:.85}.card[data-special=about] .card-tile:hover .card-label,.card[data-special=about] .card-tile:focus-visible .card-label{opacity:1}.card[data-special=about]:before{content:"about";position:absolute;top:.6rem;left:.7rem;z-index:3;padding:.18rem .45rem;background:var(--cream-stock);color:var(--ink);font-family:var(--body-font);font-size:.62rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.card-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .32s cubic-bezier(.2,0,0,1)}.card-modal.open{opacity:1;pointer-events:auto}.card-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f3ebeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-modal-close{position:absolute;top:1.5rem;right:1.5rem;z-index:5;width:40px;height:40px;border:none;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .22s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.32,0,.16,1)}.card-modal-close:hover{background:#1a140e14}.card-modal-close:active{transform:scale(.96)}.card-modal-stage{position:relative;width:min(720px,92vw);height:min(86vh,920px);perspective:2400px;transform:scale(.92) translateY(10px);transition:transform .52s cubic-bezier(.22,1,.36,1)}.card-modal.open .card-modal-stage{transform:scale(1) translateY(0)}.card-modal-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .76s cubic-bezier(.32,0,.16,1);will-change:transform}.card-modal-flipper.show-back{transform:rotateY(180deg)}.card-modal-flipper.is-flipping{animation:flip-lift .76s cubic-bezier(.32,0,.16,1)}@keyframes flip-lift{0%,to{filter:drop-shadow(0 12px 24px rgba(26,20,14,.16))}50%{filter:drop-shadow(0 36px 64px rgba(26,20,14,.32))}}.card-modal-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--cream-stock);overflow:hidden;box-shadow:0 24px 60px #1a140e40,0 8px 24px #1a140e1f}.card-modal-front{display:block;transform:translateZ(1px)}.card-modal-front-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-modal-front-label{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 1.5rem;background:linear-gradient(to top,var(--overlay-dark) 0%,rgba(26,20,14,.45) 60%,rgba(26,20,14,0) 100%);color:#fff;display:flex;flex-direction:column;gap:.3rem}.card-modal-front-title{margin:0;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 96;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1;letter-spacing:.005em}.card-modal-front-lede{margin:0;font-family:var(--body-font);font-size:clamp(.85rem,1.4vw,1rem);line-height:1.4;color:#ffffffe6;max-width:56ch}.card-modal-front-date{font-family:var(--body-font);font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-top:.3rem}.card-modal-back{transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;overflow-y:auto}.card-modal-back-links{flex-shrink:0;padding:1rem 2rem .85rem;display:flex;flex-wrap:wrap;gap:1.25rem;border-bottom:1px solid var(--archive-paper-edge);font-family:var(--body-font);font-size:.78rem;letter-spacing:.04em}.card-modal-back-links[hidden]{display:none}.card-modal-back-links a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.card-modal-back-links a:hover{color:var(--ink);border-color:var(--ink)}.card-modal-back-image{width:100%;height:34%;object-fit:cover;display:block;flex-shrink:0}.card-modal-back-content{padding:1.6rem 2.2rem 2rem;flex:1;font-family:var(--body-font)}.card-modal-back-title{margin:0 0 .35rem;font-family:var(--display-font);font-weight:700;font-variation-settings:"opsz" 96;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.05;letter-spacing:.005em;color:var(--ink)}.card-modal-back-date{display:block;font-family:var(--body-font);font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.2rem}.card-modal-back-body{font-family:var(--body-font);font-size:.96rem;line-height:1.6;color:var(--ink)}.card-modal-back-body h2{font-family:var(--display-font);font-weight:700;font-size:1.35rem;line-height:1.2;margin:1.8rem 0 .55rem;color:var(--ink)}.card-modal-back-body h3{font-family:var(--display-font);font-weight:700;font-size:1.1rem;line-height:1.2;margin:1.4rem 0 .45rem;color:var(--ink)}.card-modal-back-body p{margin:0 0 .85rem}.card-modal-back-body p:last-child{margin-bottom:0}.card-modal-back-body ul,.card-modal-back-body ol{margin:0 0 1rem;padding-left:1.25rem}.card-modal-back-body li{margin-bottom:.4rem}.card-modal-back-body a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.5px}.card-modal-back-body a:hover{color:var(--ink-faint)}.card-modal-back-body strong{font-weight:600}.card-modal-back-body em{font-style:italic}.card-modal-back-body code{font-family:SF Mono,Menlo,monospace;font-size:.85em;background:var(--archive-paper);padding:.1em .35em;border-radius:2px}.card-modal-want-region{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--archive-paper-edge)}.card-modal-want-region[data-state=form] .card-want,.card-modal-want-region[data-state=thanks] .card-want,.card-modal-want-region[data-state=button] .card-modal-want-form,.card-modal-want-region[data-state=thanks] .card-modal-want-form,.card-modal-want-region[data-state=button] .card-modal-want-thanks,.card-modal-want-region[data-state=form] .card-modal-want-thanks{display:none}.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)}.card-modal-want-form{display:flex;gap:.5rem;align-items:stretch;max-width:420px}.card-modal-want-input{flex:1;padding:.55rem .85rem;border:1px solid var(--ink-faint);background:var(--cream-stock);font-family:var(--body-font);font-size:.85rem;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-modal-want-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1a140e14}.card-modal-want-send{padding:.55rem 1.1rem;border:1px solid var(--ink);background:var(--ink);color:var(--cream-stock);font-family:var(--body-font);font-size:.78rem;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-modal-want-send:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.card-modal-want-send:active{transform:scale(.96)}.card-modal-want-thanks{margin:0;font-family:var(--body-font);font-size:.85rem;font-style:italic;color:var(--ink-faint)}.card-modal-want-region[data-state=form] .card-modal-want-form,.card-modal-want-region[data-state=thanks] .card-modal-want-thanks{animation:want-state-enter .38s cubic-bezier(.2,0,0,1)}@keyframes want-state-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.card-tile{transition:none}.card-tile:hover,.card-tile:focus-visible,.card-tile:active{transform:none}.card-label{transition:none}.card-modal{transition:opacity .12s linear}.card-modal-stage{transition:none;transform:none!important}.card-modal-flipper{transition:none}.card-modal-flipper.is-flipping,.card-modal-want-region[data-state=form] .card-modal-want-form,.card-modal-want-region[data-state=thanks] .card-modal-want-thanks{animation:none}.card-want:active:not(:disabled),.card-modal-want-send:active,.card-modal-close:active{transform:none}.hero:after{opacity:0!important}}@media (max-width: 900px){:root{--cell: 160px;--row: 130px}}@media (max-width: 600px){:root{--cell: 140px;--row: 115px}}@media (max-width: 420px){:root{--cell: 46vw;--row: 36vw;--gap: 8px}.card[data-special=about]{grid-column:span 2;grid-row:span 2}}