@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Public+Sans:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Klee+One:wght@400;600&family=Public+Sans:wght@400;500&display=swap";:root{--color-bg:#10160f;--color-surface:#1b2a1e;--color-border:#2e3b2f;--color-accent:#d9a851;--color-accent-dark:#c2934f;--color-text-heading:#f4f1e6;--color-text-strong:#f4f1e6;--color-text-body:#c7d0c2;--font-display:"Fraunces", Georgia, serif;--font-body:"Public Sans", system-ui, sans-serif;--font-jp:"Klee One", "Fraunces", serif;--max-width:1160px;--radius:6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--color-text-heading);margin:0;font-weight:500;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}p{margin:0 0 1rem}a{color:var(--color-text-strong);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}a:hover{border-color:var(--color-accent)}.jp-text{font-family:var(--font-jp);font-weight:600}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem}.btn{border-radius:var(--radius);border:1px solid var(--color-accent);color:var(--color-text-strong);font-family:var(--font-body);padding:.65rem 1.4rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-block}.btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}@media (width<=480px){.container{padding:0 1.25rem}}nav{border-bottom:1px solid var(--color-border)}.bar{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.logo{font-family:var(--font-display);border-bottom:none;font-size:1.1rem;font-weight:500}li a{color:var(--color-text-body);border-bottom:1px solid #0000;font-size:.95rem}li a.active{color:var(--color-text-strong);border-color:var(--color-accent)}@media (device-width<=700px){nav{padding:0 1.5rem}}@media (width<=480px){.bar{flex-wrap:wrap;row-gap:.75rem}.logo{font-size:1rem}ul{gap:1rem}li a{font-size:.85rem}}footer{border-top:1px solid var(--color-border);margin-top:3rem}.bar{justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.9rem;display:flex}ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}@media (device-width<=700px){footer{padding:0 1.5rem}}.page-transition{min-height:60vh;animation:.4s both page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{padding:4rem 0 3rem}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-dark);margin-bottom:.75rem;font-size:.85rem}.hero-text h1{max-width:16ch;margin-bottom:1rem}.actions{align-items:center;gap:1.25rem;margin-top:1.5rem;display:flex}.hero-image{aspect-ratio:4/5;border-radius:var(--radius);background:var(--color-surface);max-height:520px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=720px){.hero-grid{grid-template-columns:1fr}.hero-image{aspect-ratio:16/10;order:-1;max-height:none}.hero{padding:2.75rem 0 2rem}.hero-text h1{max-width:none}}@media (width<=420px){.actions{flex-direction:column;align-items:flex-start;gap:.85rem}}.section{padding:4rem 0}.section:first-of-type{padding-top:3.5rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.experience-list{flex-direction:column;gap:1.75rem;margin-top:2rem;display:flex}.experience-item{border-left:2px solid var(--color-accent);background:var(--color-surface);border-radius:var(--radius);padding:1.75rem 2rem}.experience-period{color:var(--color-text-body);margin-bottom:.35rem;font-size:.85rem}.experience-item h3{margin-bottom:.25rem;font-size:1.1rem}.experience-place{color:var(--color-accent-dark);margin-bottom:.9rem;font-size:.9rem}.experience-missions{flex-direction:column;gap:.4rem;margin:0 0 1rem;padding-left:1.1rem;display:flex}.experience-missions li{color:var(--color-text-body);max-width:60ch;font-size:.9rem;line-height:1.55}.experience-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid var(--color-border);color:var(--color-accent-dark);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.cv-link{color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius);align-items:center;gap:.5rem;margin-top:2rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.cv-link:hover{background:var(--color-accent);color:var(--color-bg,#10160f)}.project{border-bottom:none;display:block}.project h3{margin-bottom:.5rem;font-size:1.05rem}.stack{color:var(--color-accent-dark);margin:0;font-size:.85rem}.skills{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem;display:grid}.skills-label{color:var(--color-text-heading);margin-bottom:.35rem;font-weight:500}.firepit{background:var(--color-surface);border-radius:var(--radius);grid-template-columns:1fr 240px;gap:3rem;margin-top:1.5rem;padding:2rem;display:grid}.firepit-main h3{margin-bottom:1rem;font-size:1.2rem}.firepit-main p{max-width:60ch;margin-bottom:1rem}.firepit-main p:last-child{margin-bottom:0}.firepit-meta{border-left:1px solid var(--color-border);flex-direction:column;gap:1.5rem;padding-left:2rem;display:flex}.firepit-meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-body);margin-bottom:.35rem;font-size:.75rem}.firepit-meta-value{color:var(--color-accent-dark);margin:0;font-size:.9rem}.focus-list{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.focus-item{border-bottom:1px solid var(--color-border);grid-template-columns:10px 1fr;gap:1.25rem;padding-bottom:1.25rem;display:grid}.focus-item:last-child{border-bottom:none;padding-bottom:0}.focus-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;margin-top:.4rem}.focus-label{color:var(--color-text-heading);margin-bottom:.3rem;font-weight:500}.focus-detail{color:var(--color-text-body);max-width:65ch;margin:0;font-size:.9rem;line-height:1.55}@media (width<=700px){.section{padding:2.75rem 1.5rem}.grid,.skills{gap:1rem}.experience-item{padding:1.5rem}.firepit{grid-template-columns:1fr;padding:1.5rem}.firepit-meta{border-left:none;border-top:1px solid var(--color-border);padding-top:1.5rem;padding-left:0}}@media (width<=480px){.firepit-main p{max-width:none}.focus-item{grid-template-columns:8px 1fr;gap:.9rem}}.lede{max-width:52ch;font-size:1.05rem}.photography,.calligraphy,.reading{padding:1rem 0 3rem}.photography h2,.calligraphy h2,.reading h2{margin-bottom:.75rem}.video{padding:1rem 0 3rem}.video h2{margin-bottom:.75rem}.video-shot,.reading-shot{aspect-ratio:16/9;border-radius:var(--radius);background-color:var(--color-bg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;margin-top:1.5rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.photo-grid .photo{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background-color:var(--color-surface);width:100%;display:block}.photo-caption{color:var(--color-text-body);margin-top:1rem;font-size:.9rem}.video,.blocks{padding:1rem 0 3rem}.block{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.block p em{color:var(--color-text-heading);font-style:italic}.block h2{margin-bottom:.5rem}.story,.cta{padding:3rem 0}@media (width<=700px){.intro,.photography,.calligraphy,.video,.reading{padding:1.5rem 1.5rem 2rem}.block{grid-template-columns:1fr}.blocks{gap:2rem;padding:1rem 0 3rem}}@media (width<=480px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.photo-grid .photo:first-child:first-child{aspect-ratio:16/10;object-position:center 30%;grid-column:1/-1}}.intro{padding:4.5rem 0 2.5rem}.intro .eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-dark);margin-bottom:.75rem;font-size:.85rem}.section-title:before{content:"";background:var(--color-accent);width:32px;height:2px;margin-bottom:1rem;display:block}.topic,.methodology{padding:2.5rem 0 4rem}.topic h2,.methodology h2{margin-bottom:.75rem}.section-text{max-width:62ch}.section-text em{color:var(--color-text-heading);font-style:italic}.topic-grid{grid-template-columns:1fr 260px;align-items:start;gap:3.5rem;margin-top:2rem;display:grid}.topic-grid .section-text{margin-top:0}.reading-card{background:var(--color-surface);border-radius:var(--radius);padding:1.75rem}.reading-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-body);margin-bottom:.75rem;font-size:.75rem}.reading-title{color:var(--color-text-heading);margin-bottom:.25rem;font-weight:500;line-height:1.35}.reading-author{color:var(--color-accent-dark);margin-bottom:1.1rem;font-size:.85rem}.reading-note{color:var(--color-text-body);margin:0;font-size:.85rem;line-height:1.55}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:2.75rem 3.5rem;margin-top:2.75rem;display:grid}.workflow-step{grid-template-columns:32px 1fr;gap:1.1rem;display:grid}.workflow-number{font-family:var(--font-heading,inherit);color:var(--color-accent);padding-top:.15rem;font-size:.9rem}.workflow-title{color:var(--color-text-heading);margin-bottom:.35rem;font-weight:500}.workflow-text{color:var(--color-text-body);margin:0;font-size:.9rem;line-height:1.6}.obsidian-block{margin-top:4.5rem}.obsidian-shot{border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.obsidian-shot img{width:100%;height:auto;display:block}.obsidian-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.25rem;display:flex}.obsidian-caption p{color:var(--color-text-body);margin:0;font-size:.9rem}.vault-link{color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.vault-link:hover{background:var(--color-accent);color:var(--color-bg,#10160f)}.links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.link-item{background:var(--color-surface);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;transition:background .2s;display:flex}.link-item:hover{background:var(--color-border)}.link-item svg{color:var(--color-accent);flex-shrink:0}.link-label{color:var(--color-text-heading);margin-bottom:.25rem;font-weight:500}.link-detail{color:var(--color-text-body);margin:0;font-size:.85rem}.spotlight-section{padding-top:2rem;padding-bottom:5rem}.spotlight{background:var(--color-surface);border-left:2px solid var(--color-accent);border-radius:var(--radius);grid-template-columns:1fr 200px;gap:3rem;margin-top:2.5rem;padding:2.5rem;display:grid}.spotlight-date{color:var(--color-text-body);margin-bottom:.6rem;font-size:.85rem}.spotlight h3{margin-bottom:.9rem;font-size:1.3rem}.spotlight-text{max-width:60ch;margin-bottom:1.1rem}.spotlight-why{max-width:60ch;color:var(--color-text-body);margin-bottom:0;font-size:.9rem;line-height:1.6}.spotlight-why span{color:var(--color-text-heading);font-weight:500}.spotlight-meta{border-left:1px solid var(--color-border);flex-direction:column;gap:1.5rem;padding-left:2rem;display:flex}.spotlight-meta .tags{flex-wrap:wrap;margin-top:0}.spotlight-link{color:var(--color-accent);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tag{color:var(--color-accent-dark);border:1px solid var(--color-border);border-radius:var(--radius);padding:.2rem .6rem;font-size:.8rem}@media (width<=800px){.topic-grid,.workflow-grid,.spotlight{grid-template-columns:1fr;gap:1.75rem}.spotlight-meta{border-left:none;border-top:1px solid var(--color-border);padding-top:1.5rem;padding-left:0}}@media (width<=700px){.intro,.topic,.methodology,.spotlight-section{padding:2.75rem 1.5rem 2.5rem}.link-item{padding:.9rem 1.1rem}.obsidian-caption{flex-direction:column;align-items:flex-start}}