*{box-sizing:border-box}body{--accent:#efb865;--panel:#24201f;margin:0;background:#15131b;color:#fff0db;font:16px/1.7 ui-sans-serif,system-ui,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1050px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid #ffffff20}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}nav a{text-decoration:none}nav [aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.back{font:12px ui-monospace,monospace;text-decoration:none}.intro{padding:65px 0 36px}.tag{font:11px/1.6 ui-monospace,monospace;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(50px,8vw,90px);line-height:1.1;margin:18px 0;color:var(--accent);letter-spacing:-3px}.lede{font-size:22px;color:#e0d2c0}.content{display:grid;grid-template-columns:1fr 1fr;gap:20px}article{background:var(--panel);border:1px solid #ffffff20;border-top:4px solid var(--accent);padding:28px}h2{font-size:23px;line-height:1.3;margin:0 0 18px}p{margin:12px 0}summary{cursor:pointer;color:var(--accent);padding:12px 0}.note{font-size:13px;color:#bfb2ac}.stack{font:12px/1.8 ui-monospace,monospace;color:var(--accent)}li{margin-bottom:12px}.action{display:inline-block;color:var(--accent);padding:10px 0;text-underline-offset:5px}.socials{display:flex;gap:28px}footer{padding:48px 0;font:12px ui-monospace,monospace}.about{--accent:#9de2bb;--panel:#182b27}.about h1{font-style:italic;font-weight:900}.about .intro{border-top:8px solid #e98135;border-bottom:6px solid #bd403c;margin-bottom:28px}.services{--accent:#ffd38c;--panel:#352020}.services h1{font-family:Georgia,serif;font-style:italic;text-shadow:4px 4px #702a2a}.contact{--accent:#f5c779;--panel:#302421}.contact h1{font-family:Georgia,serif}.portfolio h1{text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#15131b;padding:10px;z-index:4}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:18px}.content{grid-template-columns:1fr}.intro{padding-top:35px}nav{gap:18px}article{padding:22px}}

/* About: a family photograph and a welcoming personal introduction. */
.about .family-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:14px 0 48px}
.about .family-photo{margin:0;padding:12px 12px 0;background:#f2e7d7;color:#453a31;border-radius:5px;box-shadow:0 16px 40px #0003}
.about .family-photo img{display:block;width:100%;height:auto;border-radius:2px}
.about .family-photo figcaption{padding:14px 6px 16px;font:italic 15px/1.5 Georgia,serif;text-align:center}
.about .family-copy h2{font:normal clamp(32px,4vw,46px)/1.15 Georgia,serif;margin:18px 0 24px;color:#fff0db}
.about .family-copy p{color:#e0d2c0;margin:18px 0}
.about .family-copy .tag{font-size:10px;letter-spacing:1.5px}
@media(max-width:700px){.about .family-story{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.about .family-copy h2{margin-bottom:18px}}