.portfolio-site{color-scheme:light;--bg:#fff8ee;--panel:#fffdf8;--ink:#263d42;--muted:#626d6c;--accent:#e8a453;background:radial-gradient(ellipse at top right,#ffe1b6,transparent 48%),linear-gradient(135deg,#fff9ef,#edf7f3);color:var(--ink)}.portfolio-site header{background:#ffffffb8;border-bottom:1px solid #dddfd4}.portfolio-site .brand span{color:#dc7839}.portfolio-site nav a{color:#365961}.portfolio-site nav a:hover{color:#bd532e}.portfolio-site .eyebrow{color:#b56135}.portfolio-site h1{color:#285f68}.portfolio-site .photo{background:#fffdf8;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #345b6112;margin-bottom:25px;transition:transform .2s}.portfolio-site .photo:hover{transform:translateY(-3px)}.portfolio-site .photo img{border-radius:0}.portfolio-site .photo span{display:block;padding:14px 16px;color:#38585c}.portfolio-site section h2{color:#b75e36}.portfolio-site footer{border-color:#d6dfd7;background:#eaf3ee;color:#4f6764}.portfolio-site dialog{background:#fffaf1;color:#263d42;border:0;border-radius:14px}.portfolio-site dialog::backdrop{background:#153d46bd}
.about-layout{display:flex;gap:36px;align-items:flex-start}.about-portrait{width:min(36%,340px);border-radius:20px}.about-bio{white-space:pre-wrap;max-width:720px;line-height:1.8}@media(max-width:650px){.about-layout{flex-direction:column}.about-portrait{width:100%;max-width:340px}}