:root{--bg:#f4f0e6;--canvas:#ffffff;--ink:#111111;--frame:#000000;--red:#e91d2a;--yellow:#fcc20f;--link:#0000ee;--sage:#b3bd95;--salmon:#d77a7a;--peach:#e6915d;--lime:#c0d4a7;--sky:#9ab6c8;--steel:#a5b8c0;--periwinkle:#8c9ae0;--olive:#8e8a25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f3ea,#efe8db);font-family:Arial,Helvetica,sans-serif}a,body{color:var(--ink)}a{text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}::selection{background:var(--yellow);color:var(--ink)}.page-shell{min-height:100vh;border:8px solid var(--frame);background:var(--canvas);position:relative;overflow:hidden}.wear-surface:after,.wear-surface:before{content:"";position:absolute;inset:0;pointer-events:none}.wear-surface:before{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,var(--wear-polish-opacity,.08)) 0 0,rgba(255,255,255,var(--wear-polish-opacity,.08)) 0 11%,transparent 28%),radial-gradient(circle at 77% 18%,rgba(255,255,255,calc(var(--wear-polish-opacity, .08) * .75)) 0 0,rgba(255,255,255,calc(var(--wear-polish-opacity, .08) * .75)) 0 9%,transparent 22%),radial-gradient(circle at 62% 72%,rgba(214,202,176,var(--wear-paper-opacity,.08)) 0 0,rgba(214,202,176,var(--wear-paper-opacity,.08)) 0 18%,transparent 38%),repeating-linear-gradient(132deg,rgba(0,0,0,var(--wear-noise-opacity,.05)) 0 1px,transparent 1px 20px);opacity:.95}.wear-surface:after{background:linear-gradient(118deg,transparent 0 14%,rgba(0,0,0,calc(var(--wear-streak-opacity, .06) * .7)) 18%,transparent 23%),linear-gradient(103deg,transparent 0 56%,rgba(0,0,0,var(--wear-streak-opacity,.06)) 61%,transparent 66%),linear-gradient(180deg,transparent 0 78%,rgba(121,107,83,calc(var(--wear-paper-opacity, .08) * .55)) 100%);mix-blend-mode:multiply}.page-inner{max-width:1180px;margin:0 auto}.top-banner{display:none}.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--frame);background:var(--canvas);flex-wrap:wrap}.blog-list,.detail-list,.expertise-grid,.icon-links,.manual-list,.nav-links,.project-grid,.simple-list,.stat-list,.tag-list,.work-grid{list-style:none;margin:0;padding:0}.nav-links{gap:18px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.nav-actions,.nav-links{display:flex;align-items:center;flex-wrap:wrap}.nav-actions{gap:10px}.icon-links{display:flex;gap:10px}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--frame);color:var(--ink);background:var(--canvas)}.footer-nav a:hover,.icon-link:hover,.inline-link:hover,.nav-links a:hover,.return-chip:hover{background:#efefef}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px;padding:18px;position:relative;z-index:6;overflow:visible}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-gap:16px;gap:16px;align-items:start}.avatar-frame{border:1px solid var(--frame);background:#f5f5f5;padding:8px}.avatar-frame img{width:100%;height:auto}.panel{border:1px solid var(--frame);background:var(--canvas)}.wear-surface .avatar-frame,.wear-surface .blog-update-card,.wear-surface .compact-card,.wear-surface .manual-card,.wear-surface .panel,.wear-surface .ribbon,.wear-surface .wear-card{position:relative;background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(220,210,188,var(--wear-paper-opacity,.08)));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,var(--wear-border-shadow,.1)),0 8px 18px rgba(0,0,0,.05)}.wear-surface .ribbon-lime,.wear-surface .ribbon-olive,.wear-surface .ribbon-peach,.wear-surface .ribbon-periwinkle,.wear-surface .ribbon-sage,.wear-surface .ribbon-salmon,.wear-surface .ribbon-sky,.wear-surface .ribbon-steel{filter:saturate(calc(1 - var(--wear-color-fade, .12))) contrast(calc(1 - var(--wear-softness, .02)))}.wear-surface .page-inner{position:relative;z-index:1}.blog-card,.page-hero-card{background:linear-gradient(180deg,#ffffff,#faf8f2);box-shadow:0 10px 24px rgba(0,0,0,.06)}.panel-pad{padding:16px}.section-title{margin:0 0 10px;font-size:28px;line-height:1;font-weight:900;text-transform:uppercase}.section-subtitle,.section-title{font-family:Arial,Helvetica,sans-serif}.section-subtitle{margin:0 0 12px;font-size:16px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.stat-card{border:1px solid var(--frame);padding:12px;background:#f7f7f7}.manual-card strong,.stat-card strong{display:block;margin-bottom:4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-transform:uppercase}.blog-card p,.contact-card p,.expertise-card p,.manual-card span,.panel p,.project-card p,.stat-card span,.work-card p{font-size:14px;line-height:1.45}.side-stack{display:grid;grid-gap:16px;gap:16px;position:relative;z-index:7;overflow:visible}.about-copy{font-size:16px;line-height:1.55;max-width:72ch}.blog-list,.expertise-grid,.manual-grid,.project-grid,.work-grid{display:grid;grid-gap:14px;gap:14px}.content-constrained{margin:0 18px 18px;position:relative;z-index:2}.manual-grid{grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:8;overflow:visible}.manual-card{border:1px solid var(--frame);padding:14px;background:#f0f0f0;position:relative;z-index:9}.blog-update-card,.manual-card,.wear-card{box-shadow:0 8px 18px rgba(0,0,0,.04)}.manual-card-hoverable{cursor:default}.manual-card-linkable{transition:transform .14s ease,box-shadow .14s ease}.manual-card-linkable:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.manual-card-link{display:block;color:inherit}.manual-hover-panel{position:absolute;left:-1px;right:-1px;top:calc(100% + 8px);z-index:60;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;border:1px solid var(--frame);background:#fffdf8;padding:12px;box-shadow:0 16px 30px rgba(0,0,0,.12)}.manual-card-hoverable:focus-within .manual-hover-panel,.manual-card-hoverable:hover .manual-hover-panel{opacity:1;visibility:visible;transform:translateY(0)}.manual-hover-title{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.manual-hover-hint{margin:0 0 10px;font-size:12px;line-height:1.4}.manual-hover-list{margin:0;padding-left:18px}.manual-hover-item{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:8px;gap:8px;margin:4px 0;font-size:13px;line-height:1.4}.manual-hover-thumb{display:inline-flex;width:92px;min-width:92px;overflow:hidden;border:1px solid var(--frame);background:#ffffff}.manual-hover-thumb img{width:100%;height:auto;object-fit:cover}.ribbon{border:1px solid var(--frame);background:var(--canvas);box-shadow:0 10px 20px rgba(0,0,0,.05)}.ribbon-link{display:block;color:inherit}.ribbon-head{padding:8px 12px;border-bottom:1px solid var(--frame);font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase}.ribbon-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:12px;gap:12px;padding:12px;align-items:center}.ribbon-copy{min-width:0}.ribbon-copy p{margin:0;overflow-wrap:anywhere}.project-tags{margin:10px 0 0;padding-left:20px;list-style:disc}.project-tags li{margin:2px 0;font-size:13px}.ribbon-image{border:1px solid var(--frame);background:#fff;min-height:170px}.ribbon-image img{width:100%;height:100%;object-fit:cover}.ribbon-sage{background:var(--sage)}.ribbon-salmon{background:var(--salmon)}.ribbon-peach{background:var(--peach)}.ribbon-lime{background:var(--lime)}.ribbon-sky{background:var(--sky)}.ribbon-steel{background:var(--steel)}.ribbon-periwinkle{background:var(--periwinkle)}.ribbon-olive{background:var(--olive)}.feature-banner{background:var(--red);color:#fff}.feature-banner .panel-pad{display:grid;grid-gap:12px;gap:12px}.feature-banner h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.05}.feature-banner a,.feature-banner p{color:inherit}.blog-updates-panel{background:#111111;color:#ffffff}.blog-updates-panel .panel-pad{display:grid;grid-gap:14px;gap:14px}.blog-update-list{display:grid;grid-gap:10px;gap:10px}.blog-update-card{border:1px solid rgba(255,255,255,.4);padding:12px;background:rgba(255,255,255,.06)}.blog-update-card p,.blog-update-card span,.blog-update-card strong,.blog-updates-panel a{color:#ffffff}.inline-link{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;border:1px solid rgba(255,255,255,.35);padding:8px 10px}.contact-panel{background:#000000;color:#ffffff}.contact-panel .footer-nav a,.contact-panel a{color:#ffffff;text-decoration:underline}.contact-panel .section-subtitle,.contact-panel .section-title,.contact-panel p{color:#ffffff}.page-return-row{padding:16px 18px 0}.return-chip{display:inline-flex;border:1px solid var(--frame);padding:8px 12px;font-family:Arial,Helvetica,sans-serif;letter-spacing:.04em}.eyebrow-label,.return-chip{font-size:12px;font-weight:700;text-transform:uppercase}.eyebrow-label{margin:0 0 8px;letter-spacing:.08em}.hero-note{margin:0;padding:12px;border-left:1px solid var(--frame);font-size:14px;line-height:1.5}.footer{border-top:1px solid var(--frame);padding:16px 18px 22px;display:grid;grid-gap:10px;gap:10px}.footer-nav{display:flex;gap:12px;flex-wrap:wrap}.footer-note{font-size:12px}.wear-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.wear-card{border:1px solid var(--frame);padding:12px;background:#f8f8f8}.wear-card-accent{background:#ece6d8}.footer-nav a{border:1px solid var(--frame);padding:8px 10px}.wear-card strong{display:block;margin-bottom:6px;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-transform:uppercase}.featured-grid{gap:12px}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.95fr);grid-gap:14px;gap:14px}.portfolio-side-stack{display:grid;grid-gap:14px;gap:14px;align-content:start}.portfolio-compact,.portfolio-main{padding:14px}.portfolio-grid{gap:10px}.compact-card{border:1px solid var(--frame);padding:10px;background:#f7f7f7}.compact-card .section-subtitle{font-size:14px;margin-bottom:8px}.compact-card p{margin:6px 0 0;font-size:13px;line-height:1.4}@media (max-width:960px){.about-layout,.hero-grid,.portfolio-layout,.ribbon-body{grid-template-columns:1fr}.manual-grid,.stat-grid,.wear-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-shell{border-width:4px}.hero-grid,.navbar{padding:12px}.content-constrained{margin:0 12px 12px}.manual-grid,.stat-grid,.wear-bar{grid-template-columns:1fr}.manual-hover-panel{position:static;opacity:1;visibility:visible;transform:none;margin-top:10px}.nav-links{gap:12px}.section-title{font-size:24px}}