.hero{max-width:960px;margin:0 auto;padding:20px 0}.hero-main{grid-template-columns:550px 230px;justify-content:center;align-items:start;gap:60px;display:grid}.hero-text{max-width:560px}.hero h1{color:var(--text-main);margin:0;font-size:2.2rem;font-weight:400;line-height:1.1}.hero-role{color:var(--text-main);margin:2px 0 26px;font-size:1.1rem}.hero-description{flex-direction:column;gap:16px;display:flex}.hero-description p{color:var(--text-secondary);margin:0;line-height:1.4}.hero-photo{width:220px;height:220px}.hero-photo img{object-fit:cover;width:100%;height:100%;display:block}.hero-skills{border-top:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);grid-template-columns:repeat(3,1fr);width:960px;margin:22px auto 0;padding:16px 0;display:grid}.skill-column{text-align:center}.skill-column h3{color:var(--text-main);margin:0 0 2px;font-size:1rem;font-weight:400}.skill-column p{color:var(--text-secondary);margin:0;line-height:1.35}@media (width<=900px){.hero{width:auto;max-width:calc(100% - 40px)}.hero-main{grid-template-columns:minmax(0,1fr) 200px;justify-content:stretch;gap:32px}.hero-text{max-width:none}.hero-photo{width:200px;height:200px}.hero-skills{width:100%}}@media (width<=600px){.hero{max-width:calc(100% - 32px)}.hero-main{grid-template-columns:1fr;gap:24px}.hero h1{font-size:1.8rem}.hero-role{margin-bottom:20px}.hero-photo{aspect-ratio:1;width:min(220px,70vw);height:auto}.hero-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-column h3{font-size:.85rem}.skill-column p{font-size:.8rem}}.projects-showcase{width:900px;max-width:calc(100% - 40px);margin:0 auto}.projects-showcase h2{margin:20px 0 0}.project-stack{flex-direction:column;gap:0;margin-top:40px;padding-top:34px;display:flex}.project-file~.project-file{margin-top:-28px}.project-file{z-index:1;background:var(--file-bg);border:1px solid var(--file-border);border-radius:8px;width:100%;margin:0;position:relative}.project-file[data-theme="01"]{--file-bg:var(--project-01-bg);--file-border:var(--project-01-border)}.project-file[data-theme="02"]{--file-bg:var(--project-02-bg);--file-border:var(--project-02-border)}.project-file[data-theme="03"]{--file-bg:var(--project-03-bg);--file-border:var(--project-03-border)}.project-file[data-theme="04"]{--file-bg:var(--project-04-bg);--file-border:var(--project-04-border)}.project-file[data-theme="05"]{--file-bg:var(--project-05-bg);--file-border:var(--project-05-border)}.file-tab{z-index:2;background:var(--file-bg);color:#eee;border:1px solid var(--file-border);height:35px;font:inherit;letter-spacing:.04em;cursor:pointer;border-bottom:none;border-radius:10px 10px 0 0;padding:0 28px;font-size:1rem;transition:transform .2s,filter .2s;position:absolute;top:-34px;left:30px}.file-tab:hover{filter:brightness(1.3)}.file-tab:focus-visible{outline-offset:3px;outline:2px solid #eee}.file-tab:after{content:"";border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;margin-bottom:3px;margin-left:10px;transition:transform .3s;display:inline-block;transform:rotate(45deg)}.project-file.expanded .file-tab:after{transform:rotate(-135deg)}.file-tab.attention{animation:.5s .2s 2 tab-nudge}@keyframes tab-nudge{0%,to{filter:brightness();transform:translateY(0)}45%{filter:brightness(1.25);transform:translateY(-1px)}70%{filter:brightness(1.08);transform:translateY(1px)}}.file-window{height:var(--collapsed-height);transition:height .45s;overflow:hidden}.project-file.expanded .file-window{height:var(--expanded-height)}.file-body{padding:20px}.file-overview{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:30px;display:grid}.project-title{font-size:1.1rem;font-weight:600;line-height:1.2}.project-brief{opacity:.8;margin-top:4px;font-size:.9rem;font-weight:400;line-height:1.3}.project-summary{margin:18px 0 0;font-size:1rem;line-height:1.45}.file-info{flex-direction:column;gap:14px;display:flex}.tags,.roles{flex-wrap:wrap;gap:7px;margin-top:5px;display:flex}.tags span,.roles span{border:1px solid #777;border-radius:4px;padding:4px 8px;font-size:.8rem;line-height:1;display:inline-block}.file-visual img{object-fit:contain;width:100%;max-width:360px;height:150px;display:block}.file-details{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:start;column-gap:35px;margin-top:30px;display:grid}.file-details-text p{margin:0 0 18px;line-height:1.5}.file-details-text p:last-child{margin-bottom:0}.project-note{opacity:.65;margin-top:24px;font-size:.75rem;font-style:italic;line-height:1.4}.file-details-visuals{flex-direction:column;gap:14px;display:flex}.project-visual{margin:0}.project-visual img{object-fit:contain;width:100%;height:auto;display:block}.project-visual figcaption{opacity:.7;margin-top:6px;font-size:.75rem;line-height:1.35}.full-case-link{color:#ddd;border:1px solid var(--file-border);width:fit-content;font:inherit;letter-spacing:.05em;border-radius:4px;margin-top:20px;padding:6px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:block}.full-case-link:hover{color:#fff;background:#ffffff0f;border-color:#aaa}@media (prefers-reduced-motion:reduce){.file-tab.attention{animation:none}.file-window,.file-tab,.file-tab:after,.full-case-link{transition:none}}@media (width<=900px){.file-window,.project-file.expanded .file-window{height:auto;transition:none;overflow:visible}.project-file~.project-file{margin-top:50px}.file-overview{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.file-visual{grid-column:1/-1}.file-visual img{width:100%;max-width:100%;height:auto;max-height:260px}.file-details{grid-template-columns:1fr;gap:24px;margin-top:28px;display:none}.project-file.expanded .file-details{display:grid}}@media (width<=600px){.projects-showcase{max-width:calc(100% - 32px)}.file-tab{padding:0 18px;font-size:.9rem;left:16px}.file-body{padding:16px}.file-overview{grid-template-columns:1fr;gap:20px}.file-visual{grid-column:auto}.project-summary{margin-top:14px}.tags span,.roles span{font-size:.75rem}.file-details{margin-top:24px}}