*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;color:#333;background-color:#fff;overflow:hidden}#app{width:100%;height:100%;overflow:hidden}.portfolio-container{display:flex;align-items:center;height:100vh;max-width:1400px;margin:0 auto;padding:clamp(30px,4vw,60px);gap:clamp(24px,3vw,48px);overflow:hidden}.main-content{flex:0 0 clamp(320px,38vw,560px);width:clamp(320px,38vw,560px);height:clamp(320px,60vh,700px);display:flex;flex-direction:column;gap:24px}.content-section{font-size:16px;line-height:1.6;color:#333;overflow:hidden;flex:1 1 0;min-height:0}.content-section p{margin-bottom:20px}.content-section p:last-child{margin-bottom:0}.tab-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tab-link{font-size:14px;font-weight:400;color:#999;cursor:pointer;text-transform:lowercase;letter-spacing:.3px;padding:2px 0;transition:color .2s ease;-webkit-user-select:none;user-select:none}.tab-link:hover{color:#555}.tab-link.active{color:#b4472c;font-weight:500}.tab-separator{font-size:13px;color:#ccc;-webkit-user-select:none;user-select:none;pointer-events:none}.writings-list{display:flex;flex-direction:column;gap:28px}.tab-empty-state{color:#888;font-size:15px;line-height:1.6;font-style:italic}.writing-entry{display:flex;flex-direction:column;gap:4px}.writing-title{font-size:16px;font-weight:500;color:#222;text-decoration:none;transition:color .2s ease}a.writing-title:hover{color:#b4472c}.writing-date{font-size:13px;color:#999;font-weight:400}.writing-description{font-size:15px;color:#555;line-height:1.5;margin:0}.readings-list{display:flex;flex-direction:column;gap:28px}.reading-entry{display:flex;flex-direction:column;gap:4px}.reading-title{font-size:16px;font-weight:500;color:#222;text-decoration:none;transition:color .2s ease}a.reading-title{color:#b4472c;text-decoration:underline;text-decoration-color:#b4472c;text-underline-offset:2px}a.reading-title:hover{text-decoration-color:#943a24}.reading-author{font-size:13px;color:#999;font-weight:400}.reading-note{font-size:15px;color:#555;line-height:1.5;margin:0}.highlight{color:#b4472c;font-weight:500}.clickable-text{color:#b4472c;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:#b4472c;text-underline-offset:2px;transition:all .2s ease}.clickable-text:hover{text-decoration-color:#943a24}.clickable-text.active{color:#943a24;text-decoration-color:#943a24}.image-display{display:flex;align-items:flex-start;justify-content:center;gap:clamp(15px,3vw,30px);cursor:pointer;padding:0 clamp(10px,2vw,30px);width:100%;max-width:100%}.image-display .display-img{width:clamp(200px,22vw,320px);height:clamp(260px,30vw,420px);object-fit:cover;border-radius:4px;box-shadow:0 8px 40px #00000026;animation:imageSlideIn .4s ease-out;max-width:calc(50% - 15px);flex-shrink:1}@keyframes imageSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}a{text-decoration:none;color:inherit}a .highlight{text-decoration:underline;text-decoration-color:#b4472c;text-underline-offset:2px}a:hover .highlight{text-decoration-color:#943a24}.graphic-area{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:2px;line-height:1;color:#000;white-space:pre;overflow:hidden;letter-spacing:0px;position:relative}.ascii-container{flex-shrink:0;height:auto;max-height:80vh;overflow:hidden;position:relative}.ascii-art{transform:scale(1);transform-origin:left center;width:100%;height:auto;font-variant-ligatures:none;position:relative;margin:0;white-space:pre;font-family:Courier New,monospace;font-size:inherit;line-height:inherit;color:inherit;will-change:contents;backface-visibility:hidden;contain:layout style paint}.ascii-char{display:inline;position:relative;transition:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.footer{position:fixed;bottom:0;left:0;right:0;max-width:1400px;margin:0 auto;padding:20px clamp(30px,4vw,60px);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666;background:linear-gradient(to top,#fff 60%,#fff0);pointer-events:none}.footer a,.footer .social-links{pointer-events:auto}.location{font-weight:400}.social-links{display:flex;gap:24px}.social-link{color:#666;text-decoration:none;font-weight:400;transition:color .2s ease}.social-link:hover{color:#000}@media (max-width: 1400px){.ascii-container{transform:scale(.85);transform-origin:center center}}@media (max-width: 1100px){.ascii-container{transform:scale(.6);transform-origin:center center}.image-display .display-img{width:clamp(180px,25vw,280px);height:clamp(240px,35vw,370px)}}@media (max-width: 900px){.ascii-container{transform:scale(.45);transform-origin:center center}}@media (max-width: 768px){html,body{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100vh}#app{overflow:visible;height:auto;min-height:100vh}.portfolio-container{flex-direction:column;align-items:stretch;height:auto;min-height:100vh;overflow:visible;padding-bottom:40px}.main-content{flex:none;max-width:100%;height:auto;padding-bottom:0}.content-section{overflow-y:visible;flex:none}.graphic-area{flex:none;justify-content:center}.ascii-container{display:none}.image-display{margin-top:30px;padding:0 15px;gap:15px;flex-wrap:wrap}.image-display .display-img{width:clamp(150px,40vw,220px);height:clamp(200px,55vw,290px);max-width:calc(50% - 10px)}.footer{position:relative;flex-direction:column;gap:16px;text-align:center;background:none;padding:30px 20px;pointer-events:auto}.social-links{gap:20px}}@media (max-width: 480px){.content-section{font-size:15px}}h1,h2,h3{font-weight:500;line-height:1.3}strong{font-weight:600}.photo-gallery{margin-top:40px;padding-top:30px;border-top:1px solid #eee}.photo-strip{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.polaroid{background:#fff;padding:8px 8px 24px;box-shadow:0 2px 8px #0000001a,0 4px 20px #0000000d;transform:rotate(var(--rotate, 0deg));transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer;animation:fadeInUp .5s ease forwards;animation-delay:var(--delay, 0s);opacity:0}.polaroid:hover{transform:rotate(0) scale(1.08) translateY(-5px);box-shadow:0 8px 25px #00000026,0 15px 40px #0000001a;z-index:10}.polaroid-inner{display:flex;flex-direction:column;align-items:center}.polaroid img{width:clamp(80px,8vw,110px);height:clamp(80px,8vw,110px);object-fit:cover;display:block;filter:contrast(1.05) saturate(.95);transition:filter .3s ease}.polaroid:hover img{filter:contrast(1.1) saturate(1.05)}.polaroid-caption{margin-top:10px;font-family:Inter,sans-serif;font-size:11px;color:#666;font-weight:400;letter-spacing:.5px;text-transform:lowercase}@keyframes fadeInUp{0%{opacity:0;transform:rotate(var(--rotate, 0deg)) translateY(20px)}to{opacity:1;transform:rotate(var(--rotate, 0deg)) translateY(0)}}@media (max-width: 768px){.photo-gallery{margin-top:30px}.photo-strip{justify-content:center;gap:15px}.polaroid{padding:8px 8px 25px}.polaroid img{width:clamp(85px,18vw,110px);height:clamp(85px,18vw,110px)}.polaroid-caption{font-size:11px}}@media (max-width: 480px){.polaroid img{width:clamp(70px,20vw,90px);height:clamp(70px,20vw,90px)}.photo-strip,.image-display{gap:10px}.image-display .display-img{width:clamp(120px,42vw,180px);height:clamp(160px,56vw,240px);max-width:calc(50% - 5px)}}@media (max-width: 360px){.content-section{font-size:14px}.polaroid img{width:clamp(60px,22vw,80px);height:clamp(60px,22vw,80px)}.photo-strip{gap:8px}.image-display .display-img{width:clamp(100px,42vw,150px);height:clamp(130px,56vw,200px)}.footer{padding:20px 12px}}.social-link:focus{outline:2px solid #002FA7;outline-offset:2px;border-radius:2px}.social-link{display:inline-block;margin:0 10px;text-decoration:none;color:inherit;transition:transform .2s ease-in-out}.social-link:hover{animation:bounce .6s}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}70%{transform:translateY(-4px)}}