:root{--bg: #ffffff;--text: #111111;--text-secondary: #666666;--border: #e5e5e5;--accent: #e61919;--accent-muted: #d01515;--hover: #fcfcfc;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--font-display: "Helvetica Neue", Arial, sans-serif;--font-body: "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", monospace;--columns: 12;--gap: 24px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;margin-right:120px;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed{margin-right:0}.sidebar-accent{background:var(--accent);width:0;min-height:100vh;position:fixed;top:0;right:0;z-index:10;box-shadow:none;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border-left:1px solid var(--border)}.sidebar-accent.expanded{width:100px;box-shadow:-10px 0 30px #0000000d}.sidebar-accent.collapsed{width:0;box-shadow:none;overflow:hidden}.sidebar-accent.top-bar{width:100%;height:auto;min-height:auto;top:0;right:0;flex-direction:row;padding:var(--space-sm) 0;box-shadow:0 2px 8px #00000014}.sidebar-accent.top-bar .sidebar-nav{flex-direction:row;gap:var(--space-lg);padding:0 var(--space-lg);justify-content:center}.sidebar-accent.top-bar .sidebar-link{opacity:1;transform:none;pointer-events:auto}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;transition:opacity .4s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.sidebar-link{display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px 0;color:#ffffffb3;text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;transform:translate(10px);pointer-events:none;cursor:pointer}.sidebar-link:hover{color:#fff}.sidebar-link.visible{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.sidebar-link:hover .sidebar-dot{transform:scale(2)}.sidebar-label{display:inline-block;transition:all .3s ease}.sidebar-link.active{color:#fff}.sidebar-link.active .sidebar-dot{background-color:#fff;box-shadow:0 0 8px #fff}.main-wrapper{padding:80px;text-align:right}.container{max-width:1200px;margin:0 auto;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:120px;font-weight:900;margin-bottom:var(--space-md);line-height:.9;letter-spacing:-3px}h2{font-size:40px;font-weight:900;margin-bottom:var(--space-lg);border-top:4px solid var(--text);padding-top:10px}h3{font-size:20px;margin-bottom:var(--space-sm)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--text);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent)}.hero{min-height:60vh;display:flex;align-items:center;padding:0 0 var(--space-xl) 0}.hero-grid{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xl);text-align:right;border-bottom:10px solid var(--text);padding-bottom:var(--space-lg)}.hero-left{display:flex;justify-content:center}.hero-avatar{width:200px;height:200px;aspect-ratio:1/1;border-radius:8px;object-fit:cover;border:2px solid var(--border);box-shadow:0 8px 32px #0000001a}.hero-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-title{font-size:96px;font-weight:800;letter-spacing:-.04em;line-height:1}.hero-divider{width:60px;height:4px;background-color:var(--accent);align-self:flex-start;margin-bottom:var(--space-lg)}.hero-right{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.hero-right .role{font-size:18px;font-weight:600;color:var(--text)}.hero-right .tagline{font-size:16px;color:var(--text-secondary)}.section-title{font-size:32px;font-weight:700;margin-bottom:var(--space-lg)}section{padding:var(--space-xl) 0;border-top:10px solid var(--text)}section:first-of-type{border-top:none}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);width:100%}.work-item{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:all .3s ease}.work-item:hover{transform:translateY(-4px)}.work-image{width:100%;max-width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f5f5f5fa,#f8f8f8f5);border:1px solid rgba(0,0,0,.05);border-radius:14px;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 20px #00000008,inset 0 1px #fffc;transition:transform .3s ease,box-shadow .3s ease;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:brightness(.98) saturate(.95) contrast(1.05) blur(.1px);opacity:.9;transition:filter .5s ease,opacity .4s ease,transform .4s ease}.work-item:hover .work-image img{opacity:1;transform:scale(1.01);filter:brightness(1) saturate(1) contrast(1.08) blur(0px)}.work-item:hover .work-image{transform:translateY(-3px);box-shadow:0 16px 40px #00000012,inset 0 1px #ffffffe6}.image-placeholder{font-size:18px;color:var(--text-secondary);font-weight:600}.work-item:active{opacity:.95}.work-title{font-size:18px;font-weight:700;margin-bottom:var(--space-xs)}.work-meta{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.work-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.audio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.audio-item{border:1px solid var(--border);padding:var(--space-md);transition:all .3s ease}.audio-item:hover{background-color:var(--hover);border-color:var(--text)}.audio-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.audio-title{font-size:16px;font-weight:600}.audio-duration{font-size:12px;color:var(--text-secondary);opacity:.6}.audio-player{display:flex;align-items:center;gap:var(--space-sm)}.volume-slider{width:80px;cursor:pointer;accent-color:var(--accent)}.play-btn{width:40px;height:40px;border:1px solid var(--border);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.play-btn:hover{background-color:var(--hover);color:var(--accent)}.progress-bar{flex:1;height:2px;background-color:var(--border);cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;background-color:var(--text);width:0%;transition:width .1s linear}.cert-grid-showcase{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap);align-items:start}.cert-badge{border:2px solid var(--accent);padding:var(--space-lg);background:linear-gradient(135deg,#ff3b3005,#ff3b300a);text-align:center;transition:all .3s ease}.cert-badge-img{max-width:120px;height:auto;margin:0 auto var(--space-md);display:block}.cert-badge:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.cert-featured-title{font-size:20px;font-weight:700;margin-bottom:var(--space-sm);color:var(--text)}.cert-featured-desc{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.cert-featured-issuer{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-xs)}.cert-featured-year{font-size:12px;color:var(--text-secondary);opacity:.7;margin-bottom:var(--space-md)}.cert-verify{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.cert-verify:hover{transform:translate(4px)}.cert-table{border:1px solid var(--border)}.cert-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap);padding:var(--space-md);background-color:var(--hover);border-bottom:1px solid var(--border);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.cert-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap);padding:var(--space-md);border-bottom:1px solid var(--border);align-items:center;transition:all .3s ease}.cert-row:last-child{border-bottom:none}.cert-row:hover{background-color:var(--hover)}.cert-name{transition:all .3s ease}.cert-row:hover .cert-name{text-decoration:underline;color:var(--accent)}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl)}.about-text p{font-size:16px;line-height:1.8}.meta-item{display:flex;flex-direction:column;margin-bottom:var(--space-lg)}.meta-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs)}.meta-value{font-size:16px;font-weight:600;color:var(--text)}.contact{text-align:right;padding:var(--space-xl) 0}.contact-links{display:flex;justify-content:flex-end;gap:var(--space-lg);flex-wrap:wrap}.contact-link{font-size:16px;font-weight:600;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);transition:all .3s ease}.contact-link:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.footer{padding:var(--space-lg) 0;border-top:1px solid var(--border);text-align:right;color:var(--text-secondary);font-size:12px}@media (max-width: 768px){body{margin-right:0}.sidebar-accent{display:none}.main-wrapper{padding:60px}h1{font-size:40px}.hero-grid{grid-template-columns:1fr;gap:var(--space-lg)}.hero-avatar{width:150px}.hero-title{font-size:48px}.work-grid,.audio-grid,.cert-grid-showcase,.about-grid,.cert-header,.cert-row{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:flex-end}}@media (max-width: 480px){body{margin-right:0}.sidebar-accent,.volume-slider{display:none}.main-wrapper{padding:40px 0}:root{--space-lg: 24px;--space-xl: 32px}h1{font-size:32px}h2{font-size:24px}.hero-grid{grid-template-columns:1fr}.hero-avatar{width:120px;height:120px;aspect-ratio:1/1}.hero-title{font-size:32px}.hero-divider{display:block;margin-bottom:var(--space-md)}.section-title{font-size:24px}.container{padding:0 var(--space-md)}}