:root{--bg:#f5f0e8;--ink:#1a1a1a;--accent:#1a3a6b;--rule:#2c2c2c;--muted:#6b6b6b;--font-display:"Playfair Display", serif;--font-body:"Lora", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);overflow:hidden}.journal-header{background-color:var(--bg);z-index:100;justify-content:space-between;align-items:center;width:100%;height:120px;padding:0 4%;display:flex;position:fixed;top:0;left:0}.header-left{flex-direction:column;gap:4px;display:flex}.header-left button{cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;padding:2px 5px;font-size:1.2rem;transition:opacity .3s}.header-left button.active-lang,.header-left button:hover{opacity:1;border-bottom:2px solid var(--accent)}.header-center{text-align:center;flex-grow:1;max-width:600px}.header-center h1{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;margin:5px 0 0;font-size:3rem;font-weight:900}.header-center h2{font-family:var(--font-display);letter-spacing:2px;margin-bottom:5px;font-size:1.2rem;font-weight:700}.double-line{border-top:4px solid var(--rule);border-bottom:1px solid var(--rule);width:100%;height:8px}.header-right{gap:15px;display:flex}.icon{width:32px;height:32px;color:var(--accent);transition:transform .2s}.icon:hover{transform:scale(1.1)}.journal-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;height:100vh;padding-top:120px;display:flex;overflow:auto hidden}.journal-container::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;opacity:.6;flex:0 0 100vw;width:100vw;height:calc(100vh - 120px);padding:40px 8%;transition:opacity .45s,transform .45s;overflow-y:auto;transform:translate(30px)}.page.active{opacity:1;transform:translate(0)}.page-content{max-width:1200px;margin:0 auto}.split{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.role-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.editorial-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.editorial-list li{line-height:1.6;list-style:inside}.title-display{font-family:var(--font-display);text-transform:uppercase;border-bottom:4px solid var(--rule);margin-bottom:20px;padding-bottom:10px;font-size:3.5rem;font-weight:900}.lead{margin-bottom:15px;font-size:1.4rem;line-height:1.6}.indent{text-indent:40px}.muted-sub{color:var(--muted);margin-bottom:20px;font-style:italic}.pre-line{white-space:pre-line;line-height:1.8}.bold{font-weight:700}.profile-img{border:2px solid var(--ink);width:100%;max-width:300px;margin-bottom:10px;display:block}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:start;gap:30px;margin-top:24px;display:grid}.photo-item{border:2px solid var(--rule);background:#f5f0e8e0;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.photo-img{border:2px solid var(--accent);object-fit:cover;border-radius:12px;width:100%;height:auto}.photo-caption{width:100%;font-family:var(--font-display);color:var(--accent);text-align:center;background:#1a3a6b0f;border:1px solid #1a3a6b33;border-radius:12px;padding:8px 10px;font-size:1rem;font-weight:700}.skill-logo{border-radius:14px;width:135px;height:150px;padding:8px;transition:transform .25s,border-color .25s}.skill-logo:hover{border-color:#1a1a1a;transform:translateY(-3px)scale(1.03)}@media (width<=1100px){.photo-grid{grid-template-columns:1fr}}.journal-controls{z-index:100;align-items:center;gap:20px;display:flex;position:fixed;bottom:30px;right:40px}.page-counter{font-family:var(--font-display);background:var(--bg);padding:5px 10px;font-size:1.1rem;font-weight:700}.nav-btn{border:2px solid var(--ink);cursor:pointer;width:60px;height:60px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex}.nav-btn:hover{background:var(--ink);color:var(--bg)}.stable-shell{scroll-behavior:smooth;scroll-snap-type:y proximity;background:radial-gradient(circle at top,#ffffff80,#0000 42%),linear-gradient(#f8f3ea 0%,#f2ebdf 55%,#efe7da 100%);height:100vh;overflow:hidden auto}.stable-shell::-webkit-scrollbar{width:10px}.stable-shell::-webkit-scrollbar-thumb{background:#1a1a1a29;border-radius:999px}.stable-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f5f0e8f5,#f5f0e8b8);border-bottom:1px solid #2c2c2c14;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;width:100%;height:150px;padding:0 2rem;display:grid;position:fixed;top:0;left:0}.stable-header .header-left,.stable-header .header-right{z-index:2;align-items:center;gap:.75rem;display:flex;position:relative}.stable-header .header-left{flex-direction:row;align-items:center}.stable-header .header-left button{cursor:pointer;opacity:.65;background:#ffffff4d;border:1px solid #1a1a1a2e;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:opacity .2s,border-color .2s;display:flex}.stable-header .header-left button.active-lang,.stable-header .header-left button:hover{opacity:1;border-color:var(--accent)}.stable-header .header-center{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:min(100%,460px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stable-header .header-brand{text-align:center;opacity:0;pointer-events:none;width:100%;transition:opacity .28s,transform .28s;transform:translateY(-12px)scale(.92)}.stable-header.is-compact .header-brand{opacity:1;transform:translateY(0)scale(1)}.stable-header .header-brand h1,.stable-header .header-brand h2,.stable-shell .hero-brand h1,.stable-shell .hero-brand h2{text-transform:uppercase;color:var(--ink)}.stable-header .header-brand h1{font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(2rem,3.6vw,3.3rem);font-weight:500;line-height:.9}.stable-header .header-brand h2{font-family:var(--font-display);letter-spacing:.08em;margin-top:.2rem;font-size:clamp(.7rem,1vw,1rem);font-weight:700}.stable-header .header-brand .double-line,.stable-shell .hero-brand .double-line{border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);width:100%;height:6px}.stable-header .header-right{justify-content:flex-end}.stable-shell .icon{width:32px;height:32px;color:var(--ink)}.lang-flag{border-radius:50%;width:24px;height:24px;display:block;overflow:hidden}.stable-shell .hero-stage,.stable-shell .content-stage{scroll-snap-align:start;min-height:100vh}.stable-shell .hero-stage{place-items:center;padding:7rem 4vw 4rem;display:grid;position:relative}.stable-shell .hero-backdrop{background:radial-gradient(circle at 50% 38%,#ffffffad,#0000 30%),linear-gradient(#ffffff40,#0000 40%);position:absolute;inset:0}.stable-shell .hero-brand{z-index:2;text-align:center;opacity:1;width:min(86vw,900px);transition:transform .35s,opacity .25s;position:relative;transform:translateY(0)scale(1)}.stable-shell .hero-stage.is-collapsed .hero-brand{opacity:0;transform:translateY(-40px)scale(.82)}.stable-shell .hero-brand h1{font-family:var(--font-display);letter-spacing:-.09em;font-size:clamp(4rem,11vw,8.2rem);font-weight:500;line-height:.88}.stable-shell .hero-brand h2{font-family:var(--font-display);letter-spacing:.08em;margin-top:.4rem;font-size:clamp(1rem,2vw,1.8rem);font-weight:700}.stable-shell .hero-copy{z-index:2;max-width:360px;position:absolute;bottom:2.6rem;left:4vw}.stable-shell .hero-kicker{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:#1a1a1ab8;margin-bottom:.85rem;font-size:.95rem}.stable-shell .hero-instruction{color:#1a1a1ab8;line-height:1.7}.stable-shell .hero-scroll-btn{z-index:2;border:3px solid var(--ink);width:92px;height:92px;color:var(--ink);cursor:pointer;background:#ffffff26;border-radius:50%;place-items:center;margin-top:-46px;transition:transform .2s,background-color .2s;display:grid;position:absolute;top:50%;right:4vw}.stable-shell .hero-scroll-btn:hover{background:#ffffff59;transform:translate(6px)}.stable-shell .content-stage{padding-top:150px}.stable-shell .stable-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;height:calc(100vh - 150px);padding-top:0;display:flex;overflow:auto hidden}.stable-shell .stable-carousel::-webkit-scrollbar{display:none}.stable-shell .page{scroll-snap-align:start;opacity:.42;flex:0 0 100vw;width:100vw;height:calc(100vh - 150px);padding:2.5rem 6vw 5rem;transition:opacity .32s,transform .32s;position:relative;overflow-y:auto;transform:translate(30px)}.stable-shell .page.active{opacity:1;transform:translate(0)}.stable-shell .page:before{content:"";background:#2c2c2c2e;width:100%;height:1px;margin-bottom:1.8rem;display:block}.stable-shell .page-content{max-width:1200px;margin:0 auto}.stable-shell .split{grid-template-columns:1fr 1fr;align-items:start;gap:3.5rem;display:grid}.stable-shell .title-display{margin-bottom:1.8rem}.stable-shell .intro-gap{margin-top:4rem}.stable-shell .experience-column{padding-top:6.2rem}.stable-shell .profile-img{max-width:320px}.stable-shell .footer-text{line-height:1.7}.stable-shell .date-badge{background:#ffffff3d;border:1px solid #1a1a1a1f;border-radius:999px;padding:.45rem .8rem;font-size:.9rem}.stable-shell .photo-grid{margin-top:2rem}.stable-shell .skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stable-shell .skill-logo{object-fit:contain;background:#ffffff40;border:1px solid #1a1a1a1a;width:100%;max-width:136px;height:118px}.stable-shell .large-text{max-width:960px;font-size:1.16rem;line-height:1.8}.stable-shell .project-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.stable-shell .project-split{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:2.2rem}.stable-shell .project-preview-card,.stable-shell .contact-card,.stable-shell .qualification-item{background:#ffffff47;border:1px solid #1a1a1a1f;box-shadow:0 14px 28px #1a1a1a0f}.stable-shell .project-preview-card{border-radius:28px;align-self:stretch;padding:1.5rem}.stable-shell .feature-card-shell{flex-direction:column;display:flex}.stable-shell .preview-eyebrow,.stable-shell .contact-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-size:.9rem;font-weight:700;display:inline-block}.stable-shell .project-preview-card h4{font-family:var(--font-display);margin-bottom:1.2rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.stable-shell .feature-card-tabline{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.stable-shell .feature-card-tablabel{min-height:32px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#1a3a6b14;border:1px solid #1a3a6b2e;border-radius:999px;align-items:center;padding:.2rem .85rem;font-size:.86rem;display:inline-flex}.stable-shell .feature-card-body{flex-direction:column;flex:1;display:flex}.stable-shell .preview-list li+li{margin-top:.6rem}.stable-shell .project-image-template{margin-top:.25rem}.stable-shell .project-showcase-image{object-fit:contain;border:1px solid #1a1a1a1f;border-radius:22px;width:100%;min-height:320px;max-height:420px;display:block}.stable-shell .project-image-zoom-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;position:relative}.stable-shell .project-image-zoom-badge{z-index:1;color:#fff;min-height:34px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:#1a1a1abd;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;position:absolute;bottom:1rem;right:1rem}.stable-shell .project-image-template-frame{text-align:center;background:linear-gradient(135deg,#1a3a6b0f,#ffffff70),repeating-linear-gradient(-45deg,#1a3a6b0d 0 12px,#0000 12px 24px);border:1.5px dashed #1a3a6b57;border-radius:22px;place-items:center;min-height:320px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.stable-shell .project-image-template-frame:before,.stable-shell .project-image-template-frame:after{content:"";border:1px solid #1a1a1a14;border-radius:14px;position:absolute;inset:18px}.stable-shell .project-image-template-frame:after{border-style:dashed;border-color:#1a3a6b4d;border-radius:50%;width:92px;height:92px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.stable-shell .project-image-template-frame span{z-index:1;max-width:14rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:1rem;position:relative}.stable-shell .template-caption{color:var(--muted);margin-top:1rem;line-height:1.7}.stable-shell .feature-highlight-list{margin-top:.35rem;padding-right:.35rem}.stable-shell .feature-highlight-list li{line-height:1.7}.stable-shell .feature-card-footer{justify-content:flex-end;gap:.7rem;margin-top:1.4rem;display:flex}.stable-shell .feature-card-nav{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#ffffff73;border:1px solid #1a1a1a2e;border-radius:50%;place-items:center;transition:transform .2s,border-color .2s,background-color .2s;display:grid}.stable-shell .feature-card-nav:hover{background:#ffffffb3;border-color:#1a3a6b52;transform:translateY(-1px)}.image-zoom-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212b8;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.image-zoom-dialog{max-width:min(92vw,1200px);max-height:88vh}.image-zoom-content{object-fit:contain;border-radius:24px;width:100%;max-width:min(92vw,1200px);max-height:88vh;display:block;box-shadow:0 22px 64px #00000059}.image-zoom-close{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:1.5rem;right:1.5rem}.stable-shell .stack-text{font-family:var(--font-display);letter-spacing:.08em}.stable-shell .github-btn{border:1px solid var(--ink);min-height:52px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 1.25rem;text-decoration:none;display:inline-flex}.stable-shell .text-center{text-align:center}.stable-shell .qualifications-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.stable-shell .qualification-item{border-radius:18px;min-height:72px;padding:1rem 1.1rem;line-height:1.6}.stable-shell .contact-column{flex-direction:column;display:flex}.stable-shell .contact-lead{max-width:36rem;margin-bottom:1.6rem;font-size:1.08rem;line-height:1.8}.stable-shell .contact-list{gap:1rem;display:grid}.stable-shell .contact-card{color:var(--ink);border-radius:22px;flex-direction:column;gap:.25rem;padding:1.2rem 1.3rem;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.stable-shell .contact-card:hover{background:#ffffff6b;border-color:#1a3a6b52;transform:translateY(-2px)}.stable-shell .contact-card strong{font-size:1.05rem;line-height:1.5}.stable-shell .journal-controls{z-index:18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#f5f0e8e0;border-radius:999px;align-items:center;gap:.9rem;padding:.55rem .65rem;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:1.8rem;right:1.8rem;transform:translateY(14px);box-shadow:0 12px 30px #1a1a1a1a}.stable-shell .journal-controls.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.stable-shell .page-counter{font-family:var(--font-display);background:0 0;padding:0 .55rem;font-size:1.1rem;font-weight:700}.stable-shell .nav-btn{width:54px;height:54px}@media (width<=1100px){.stable-shell .split{grid-template-columns:1fr;gap:2rem}.stable-shell .intro-gap,.stable-shell .experience-column{margin-top:0;padding-top:0}.stable-shell .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stable-shell .project-split,.stable-shell .contact-split,.stable-shell .qualifications-grid{grid-template-columns:1fr}}@media (width<=780px){.stable-header{grid-template-columns:72px minmax(0,1fr) 72px;padding:0 1rem}.stable-header .header-center{width:min(100vw - 8rem,320px)}.stable-header .header-left button{width:38px;height:38px}.stable-shell .hero-brand{width:min(92vw,680px)}.stable-shell .hero-brand h1{font-size:clamp(2.9rem,15vw,5rem)}.stable-shell .hero-brand h2{font-size:clamp(.75rem,3.4vw,1rem)}.stable-shell .hero-copy{max-width:none;left:1rem;right:1rem}.stable-shell .hero-scroll-btn{width:74px;height:74px;margin-top:-37px;right:1rem}.stable-shell .page{padding:2rem 1.2rem 5.2rem}.stable-shell .title-display{font-size:2.25rem}.stable-shell .lead{font-size:1.12rem}.stable-shell .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stable-shell .project-footer{flex-direction:column;align-items:flex-start}.stable-shell .journal-controls{justify-content:space-between;left:1rem;right:1rem}}