:root{--cream: #ece2ce;--cream-hi: #f6efe0;--cream-lo: #ddd0b6;--paper: #f5eddf;--ink: #2a1b0f;--ink-soft: #5b4530;--ink-faint: #8d7a62;--wood: #6b3a1e;--wood-dark: #402011;--rust: #c0521f;--amber: #d98a34;--sun: #f0bb2e;--glass: #8c9184;--glass-dark: #5d6157;--shell: 1320px;--rule: rgba(107, 58, 30, .26)}*{-webkit-tap-highlight-color:transparent}::selection{background:#c0521f38;color:var(--ink)}html,body{margin:0;padding:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}body{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100svh;padding:0 16px 40px;box-sizing:border-box;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 90% 60% at 46% 6%,#fffaece6,#fffaec00 62%),radial-gradient(ellipse 70% 55% at 50% 96%,#784e2829,#784e2800 70%),url(/textures/hopeful-romantic/paper-oat.webp) repeat center / 620px 620px,linear-gradient(178deg,var(--cream-hi) 0%,var(--cream) 46%,var(--cream-lo) 100%)}.room-grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url(/textures/hopeful-romantic/paper-manila.webp);background-size:700px 700px}.room-vignette{position:fixed;inset:0;z-index:59;pointer-events:none;background:radial-gradient(ellipse 78% 72% at 50% 44%,transparent 40%,rgba(74,44,20,.2) 100%);mix-blend-mode:multiply}.site-head{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:26px 0 14px;text-align:center}.site-wordmark{margin:0;font-size:clamp(30px,6vw,46px);font-weight:600;font-variation-settings:"SOFT" 70,"WONK" 1;letter-spacing:-.03em;line-height:.9;color:var(--ink);text-decoration:none}.site-nav{position:absolute;top:40px;right:40px;z-index:12;display:flex;align-items:center;gap:44px}.site-nav-link{font-size:16px;font-variation-settings:"SOFT" 60;color:var(--ink);text-decoration:none;transition:color .2s ease}.site-nav-link:hover,.site-nav-link[aria-current=page]{color:var(--rust)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.section{position:relative;z-index:10;width:100%;max-width:var(--shell);box-sizing:border-box}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title{margin:0;font-size:19px;font-weight:500;font-variation-settings:"SOFT" 60;letter-spacing:-.01em;color:var(--ink)}.section-all{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);text-decoration:none;white-space:nowrap}.section-all-arrow{display:inline-block;font-family:system-ui,sans-serif;transition:transform .2s ease}.section-all:hover .section-all-arrow{transform:translate(3px)}.card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none}.card{display:flex;align-items:flex-start;gap:20px;padding:0 30px;color:inherit;text-decoration:none}.card-art{flex:0 0 auto;display:block;width:160px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#6b3a1e0f;box-shadow:0 1px #ffffff80,0 6px 14px #341c0c24;transition:transform .25s ease,box-shadow .25s ease}.card-art img,.card-art video{width:100%;height:100%;object-fit:cover;display:block}.card:hover .card-art{transform:translateY(-2px);box-shadow:0 1px #ffffff80,0 10px 20px #341c0c33}.card-body{min-width:0;display:flex;flex-direction:column}.card-name{margin:0;font-size:20px;font-weight:500;font-variation-settings:"SOFT" 60;line-height:1.2;letter-spacing:-.01em;color:var(--ink);transition:color .2s ease}.card:hover .card-name{color:var(--rust)}.card-kind{margin-top:5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rust)}.card-date{margin-top:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:var(--ink-faint)}.card-desc{margin:10px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.65;color:var(--ink-soft)}.card-cta{margin-top:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--rust)}.card-cta-arrow{display:inline-block;font-family:system-ui,sans-serif;transition:transform .2s ease}.card:hover .card-cta-arrow{transform:translate(3px)}.site-footer .footer-visitor-counter .view-counter-container{gap:.5rem;padding:0;color:var(--ink-faint);background:transparent;border:0;border-radius:0;box-shadow:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:.2em}.site-footer .footer-visitor-counter .view-counter-label{opacity:1}.site-footer .footer-visitor-counter .view-counter-display{color:var(--rust);text-shadow:none;opacity:1}.site-footer{position:relative;z-index:10;width:100%;margin-top:auto;padding:46px 16px 0;box-sizing:border-box;text-align:center}.footer-visitor-counter{display:flex;justify-content:center;margin-bottom:14px}.footer-socials{display:flex;justify-content:center;gap:14px}.social-icon-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--wood);background:#fffaf08c;border:1px solid rgba(107,58,30,.28);text-decoration:none;transition:all .22s ease}.social-icon-link:hover{color:var(--rust);border-color:var(--rust);background:#fffaf0;transform:translateY(-2px)}.social-icon{width:16px;height:16px}.footer-location{margin:16px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--ink-faint)}@media(max-width:1000px){.site-nav{position:static;justify-content:center;flex-wrap:wrap;gap:0;margin:22px 0 0}.site-nav-link{padding:0 26px}.site-nav-link+.site-nav-link{border-left:1px solid var(--rule)}}@media(max-width:640px){body{padding-bottom:28px}.site-head{padding:44px 0 4px}.site-nav{margin-top:20px;flex-wrap:nowrap}.site-nav-link{font-size:14px;padding:0 13px;white-space:nowrap}.section-all{font-size:9px;letter-spacing:.16em}.card-name{font-size:18px}}.statement{position:relative;z-index:10;width:100%;max-width:700px;margin-top:26px;box-sizing:border-box}.statement-head{position:relative;padding:34px 0 66px;border-top:1px solid var(--rule);text-align:center;overflow:hidden}.statement-head:before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/griff/griff-3.jpg) center 38% / cover no-repeat;opacity:.18;filter:sepia(.8) contrast(.92) saturate(.7);mix-blend-mode:multiply;pointer-events:none}.statement-head>*{position:relative;z-index:1}.statement-meta{display:flex;padding:0 26px;align-items:center;justify-content:space-between;gap:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.statement-title{margin:26px 0 0;font-size:clamp(40px,7vw,68px);font-weight:600;font-variation-settings:"SOFT" 70,"WONK" 1;letter-spacing:-.03em;line-height:1;color:var(--ink)}.lang-toggle{display:flex;align-items:center;gap:9px}.lang-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--ink-faint);transition:color .2s ease}.lang-label.active{color:var(--rust)}.lang-switch{position:relative;width:34px;height:16px;padding:0;border:1px solid rgba(107,58,30,.3);border-radius:999px;background:#fffcf499;cursor:pointer}.lang-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--rust);transition:transform .22s ease}.lang-switch.active:after{transform:translate(16px)}.statement-body{padding-top:34px;border-top:1px solid var(--rule)}.statement-text.hidden{display:none}.statement-text p{margin:0 0 22px;font-size:clamp(17px,2vw,19px);font-variation-settings:"SOFT" 40;line-height:1.62;color:var(--ink)}.statement-text p:last-child{margin-bottom:0}.statement-text strong{font-weight:600;font-variation-settings:"SOFT" 60}.statement-text em{font-style:italic}.statement-text .signature{margin-top:34px;padding-top:24px;border-top:1px solid var(--rule);font-size:17px;line-height:1.7;color:var(--ink-soft)}.statement-text .signature strong{color:var(--rust)}@media(max-width:640px){.statement{margin-top:18px}.statement-head{padding:16px 8px 30px}.statement-meta{font-size:9px;letter-spacing:.12em}.statement-title{margin-top:18px}.statement-body{padding-top:26px}}
