.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a895ff,#74e6ff,#eeaeff);z-index:10001;pointer-events:none}.aurora-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.75}.aurora-field i{position:absolute;width:65%;height:75%;left:40%;top:-30%;background:radial-gradient(ellipse,#7960f955,transparent 65%);filter:blur(45px);transform:translate(var(--aurora-x,0px),var(--aurora-y,0px)) rotate(-25deg);animation:aurora-breathe 12s ease-in-out infinite alternate}.aurora-field i:nth-child(2){left:-20%;top:50%;background:radial-gradient(ellipse,#29c9e32c,transparent 60%);animation-delay:-4s}.aurora-field i:nth-child(3){left:65%;top:35%;background:radial-gradient(ellipse,#d268ff25,transparent 65%);animation-delay:-8s}.hero-content{z-index:2}.creative-stage{z-index:2}.orb-controls{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);display:flex;padding:5px;gap:4px;border:1px solid #c1b9ff30;border-radius:30px;background:#ffffff06;backdrop-filter:blur(12px);white-space:nowrap}.orb-controls button{border:0;background:transparent;border-radius:24px;color:#929fc2;font-size:12px;padding:8px 20px;transition:background .2s,color .2s}.orb-controls button[aria-pressed=true]{background:#c5c5ff25;color:#ebedff;box-shadow:inset 0 0 0 1px #c3c2ff30}.orb-controls button:hover{color:white}.hero-en{display:inline-flex;white-space:pre;background:none!important;color:#e8e5ff!important;perspective:500px}.reactive-letter{display:inline-block;transition:transform .28s,color .28s,text-shadow .28s;transform-origin:50% 80%}.reactive-letter:nth-child(n+4){color:#b8c5ff}.reactive-letter:hover{transform:translateY(-12px) rotate(-6deg) scale(1.08);color:#9feeff;text-shadow:0 0 35px #9ae3ff80}.hero-en:focus-visible{outline:2px solid #b2c6ff}.project-preview{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .7s;z-index:2}.has-preview:after,.has-preview b,.has-preview:before{display:none}.has-preview span{z-index:3;background:#080e24d9;padding:5px 12px;border:1px solid #bbd2ff35;backdrop-filter:blur(8px)}.project:hover .project-preview{transform:scale(1.04)}.cert{position:relative;overflow:hidden}.cert:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff75 49%,transparent 65%);transform:translateX(-130%);pointer-events:none}.cert:hover:after{transition:transform .75s;transform:translateX(130%)}.experience-reveal{opacity:1;transform:none}.enhanced-motion .experience-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.enhanced-motion .experience-reveal.is-visible{opacity:1;transform:none}.scroll-word{display:inline-block;will-change:transform}.project:hover .project-copy h3{color:#bccdff}.section-head{position:relative}.section-head:after{content:'';position:absolute;bottom:-18px;left:0;width:65px;height:2px;background:linear-gradient(90deg,#9faaf4,#7fd4f1);transition:width .6s}.section-head:hover:after{width:160px}@keyframes aurora-breathe{from{opacity:.45;scale:.9}to{opacity:1;scale:1.18}}@media(max-width:600px){.creative-stage{margin-bottom:75px}.orb-controls{bottom:-45px}.orb-controls button{padding:8px 18px}.hero .editorial-portrait{bottom:20px}.hero-en{font-size:clamp(55px,12vw,76px)}.aurora-field i{filter:blur(25px)}}@media(prefers-reduced-motion:reduce){.aurora-field i{animation:none}.enhanced-motion .experience-reveal{opacity:1;transform:none}.reactive-letter:hover{transform:none}.project-preview{transition:none}.cert:after{display:none}}
/* About: a colored creative workspace */
#about{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#e8eaf9 0%,#eff2fc 48%,#e4eff6 100%);border-top:1px solid #b6c4e840;border-bottom:1px solid #b6c4e840;gap:10%;padding-top:115px;padding-bottom:115px}#about:before{content:'Curiosity';position:absolute;right:-15px;bottom:-25px;font:italic 150px/1 Georgia,serif;letter-spacing:-8px;color:#6b79bd09;z-index:-1;pointer-events:none}.about-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.about-atmosphere>span{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#c6b9ff80,transparent 70%);left:-120px;top:-100px;filter:blur(15px)}.about-atmosphere>span:nth-child(2){left:auto;right:-120px;top:45%;background:radial-gradient(circle,#a6defa70,transparent 70%);width:580px;height:580px}.about-atmosphere>span:nth-child(3){left:30%;top:-220px;width:500px;height:500px;background:radial-gradient(circle,#f8d6e350,transparent 70%)}#about>.portrait{padding:14px;background:#ffffff70;border:1px solid #ffffffd0;box-shadow:0 25px 65px #525c9b16;border-radius:22px;transform:rotate(-3deg);max-width:350px;position:relative;margin-left:12px}#about .portrait img{height:400px;object-fit:cover;border-radius:12px}#about .portrait>span{padding:16px 4px 4px;font-size:11px;letter-spacing:1.5px;color:#667396}.portrait-orbit{position:absolute;right:-31px;top:25px;font-size:69px;line-height:1;color:#7e8bd6;text-shadow:0 6px 20px #7d8fd52b;z-index:2;transform:rotate(12deg)}.portrait-note{position:absolute;bottom:40px;right:-32px;background:#263458;color:#c6d4f7;padding:17px 24px;font-size:11px;line-height:1.7;letter-spacing:1px;border:1px solid #6579a8;box-shadow:0 12px 25px #233b5f28;transform:rotate(7deg);border-radius:7px}.portrait-note strong{font-weight:500;color:#fff;font-size:17px}#about>div:last-child{padding:30px 0}#about h2{color:#24334f;margin-bottom:25px}#about .section-label{display:inline-block;background:#ffffff70;border:1px solid #8e9fcd35;border-radius:20px;padding:4px 15px;font-size:12px;color:#6779b1;letter-spacing:1px;margin-bottom:20px}#about p{color:#63718c;font-size:15px;line-height:1.95}.about-directions{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin:30px 0 25px;padding:22px 0;border-top:1px solid #8f9fc632;border-bottom:1px solid #8f9fc632}.about-directions div{display:flex;flex-direction:column;gap:6px}.about-directions span{font-size:11px;letter-spacing:1px;color:#8792ad}.about-directions strong{font-size:15px;font-weight:500;color:#35486d}#about .skills{gap:9px;margin-top:20px}#about .skills span{background:#ffffff65;border:1px solid #a5b4d943;color:#64769d;border-radius:6px;font-size:11px;padding:6px 12px;transition:background .2s,transform .2s}#about .skills span:hover{background:#fff;transform:translateY(-3px)}@media(max-width:900px){#about{gap:8%;padding-top:80px;padding-bottom:80px}#about .portrait img{height:340px}.portrait-note{right:-20px;padding:13px 18px}.about-directions{grid-template-columns:1fr;gap:16px}}@media(max-width:600px){#about{padding-top:65px;padding-bottom:65px;gap:30px}#about>.portrait{max-width:260px;margin:0 auto;width:85%}#about .portrait img{height:300px}.portrait-orbit{font-size:56px;right:-22px}.portrait-note{bottom:30px;right:-24px}#about>div:last-child{padding:10px 0 0}#about:before{font-size:95px;bottom:-10px}.about-directions{grid-template-columns:1fr 1.2fr;gap:15px}.about-directions strong{font-size:13px}#about p{font-size:14px}}@media(prefers-reduced-motion:reduce){#about .skills span:hover{transform:none}}
/* About — immersive personal profile */
#about{background:#0b1021;color:#e7edff;padding-top:110px;padding-bottom:110px;grid-template-columns: .9fr 1.1fr;gap:8%;border-top:1px solid #a8bdff20;border-bottom:1px solid #a8bdff20;min-height:750px}#about:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--about-x,30%) var(--about-y,50%),#4d55a12b,transparent 55%);pointer-events:none}.about-atmosphere>span{background:radial-gradient(circle,#7069d42b,transparent 70%);width:650px;height:650px;left:-250px;top:50px}.about-atmosphere>span:nth-child(2){background:radial-gradient(circle,#28739720,transparent 70%);right:-200px;top:-100px}.about-atmosphere>span:nth-child(3){display:none}#about>.portrait{padding:0;background:#141e31;border:1px solid #b0c1f028;box-shadow:0 35px 80px #0005;border-radius:4px;transform:none;max-width:440px;margin:0;align-self:stretch;min-height:520px;overflow:hidden;position:relative}#about .portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;border-radius:0;filter:saturate(.85);transition:transform .8s}#about .portrait:hover img{transform:scale(1.025)}#about .portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b102100 45%,#0a10237a 75%,#0a1023ea);pointer-events:none}#about .portrait>span{position:absolute;bottom:25px;left:28px;z-index:2;color:#eef3ff;padding:0;font-size:13px;letter-spacing:2px}#about>div:last-child{padding:12px 0;align-self:center}#about .section-label{border:0;border-radius:0;background:none;color:#9baae2;padding:0;font-size:12px;letter-spacing:3px;margin-bottom:25px}#about .section-label:before{content:'';display:inline-block;width:24px;height:1px;background:#9baae2;vertical-align:middle;margin-right:13px}#about h2{color:#f0f2ff;font-size:clamp(30px,3.2vw,47px);font-weight:500;letter-spacing:-1px;line-height:1.5;margin-bottom:30px}#about p{color:#9ba8c5;font-size:14px;line-height:2.1;margin-bottom:17px;max-width:570px}.about-directions{border-color:#9baae225;margin:30px 0 25px;padding:22px 0;grid-template-columns:1fr 1.4fr}.about-directions span{color:#697b9d;font-size:11px}.about-directions strong{color:#d6e0fa;font-size:14px;font-weight:400}#about .skills{gap:8px;max-width:550px}#about .skills span{color:#a5b7df;border-color:#a3b8ef23;background:#879fdf08;border-radius:4px;padding:6px 11px}#about .skills span:hover{background:#879fdf18;transform:none}#about:after{content:'Always in progress.';position:absolute;right:6%;bottom:28px;color:#536186;font:italic 13px Georgia,serif;letter-spacing:1px}.about .portrait-orbit,.about .portrait-note{display:none}@media(max-width:900px){#about{gap:7%;padding-top:80px;padding-bottom:80px;min-height:0}#about>.portrait{min-height:470px}#about h2{font-size:32px}.about-directions{grid-template-columns:1fr;gap:15px}}@media(max-width:600px){#about{display:flex;flex-direction:column;padding-top:55px;padding-bottom:65px;gap:35px}#about>.portrait{min-height:0;width:100%;max-width:none;height:390px;align-self:auto;border-radius:4px}#about .portrait img{height:100%;object-position:50% 42%}#about>div:last-child{padding:0;align-self:auto}#about h2{font-size:31px;margin-bottom:22px}#about p{font-size:13px}.about-directions{grid-template-columns:1fr 1.3fr;gap:14px}.about-directions strong{font-size:12px}#about:after{font-size:11px;bottom:18px}#about .section-label{margin-bottom:18px}}
/* Personal voice and new visual work */
#about{grid-template-columns:1fr 1.12fr;min-height:650px;gap:9%}.about-manifesto{align-self:center;position:relative;padding:20px 0}.manifesto-caption{display:block;color:#7182ae;font-size:11px;letter-spacing:3px;margin-bottom:30px}.manifesto-words{display:flex;flex-direction:column;gap:8px}.manifesto-words>span{font-size:clamp(34px,4.1vw,62px);font-weight:650;line-height:1.4;letter-spacing:-2px;color:#edf0ff}.manifesto-words>span:nth-child(2){color:#a5b6ef}.manifesto-words>span:nth-child(3){color:#6d84b4}.about-manifesto p{margin-top:30px!important;font-size:13px!important;color:#8494b9!important}.manifesto-line{height:2px;width:100px;background:linear-gradient(90deg,#9ba9ff,#7ddaf6,transparent);margin-top:30px}.visual-works{margin:55px 0 85px}.visual-heading{margin-bottom:30px}.visual-heading>span{font-size:12px;color:#aab8ed;letter-spacing:2px}.visual-heading h3{font-size:28px;margin:10px 0;color:#f0f1ff;font-weight:500}.visual-heading p,.web-work-heading p{font-size:13px;color:#8b9bb9}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;max-width:1100px}.poster-work{min-width:0}.artwork-open{display:block;position:relative;border:1px solid #b1c5f326;padding:0;background:#121b2b;overflow:hidden;width:100%;text-align:left;cursor:zoom-in}.artwork-open img{display:block;width:100%;height:auto;transition:transform .7s}.artwork-open:hover img{transform:scale(1.025)}.artwork-open>span{position:absolute;bottom:18px;right:18px;background:#10182bd9;color:#e6edff;font-size:11px;border:1px solid #c1caff45;border-radius:25px;padding:7px 15px;backdrop-filter:blur(10px)}.poster-description{padding:22px 0}.poster-description small{color:#8c9cbe;font-size:11px}.poster-description h3{color:#e6ecff;font-size:23px;line-height:1.65;font-weight:500}.poster-description p{font-size:13px;line-height:1.9;color:#94a2bd;max-width:450px}.web-work-heading{border-top:1px solid #bccbff25;padding-top:38px;margin-bottom:30px}.web-work-heading h3{font-weight:500;font-size:24px;color:#e6edff}.lakeside-memory{margin:32px 0 40px;display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:center;background:#e8edf6}.lakeside-memory>.artwork-open{border:0}.lakeside-memory>div{padding:25px 25px 25px 0}.lakeside-memory>div>span{font-size:11px;color:#7b89a6}.lakeside-memory h3{font-size:24px;color:#324463;font-weight:500}.lakeside-memory p{font-size:13px;color:#6d7d97}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media(max-width:600px){#about{gap:40px;min-height:0}.about-manifesto{align-self:stretch;padding:0 0 30px;border-bottom:1px solid #9baae225}.manifesto-caption{margin-bottom:20px}.manifesto-words>span{font-size:43px}.manifesto-words{gap:1px}.about-manifesto p{margin-top:20px!important}.manifesto-line{display:none}.poster-grid{grid-template-columns:1fr;gap:25px}.visual-works{margin:40px 0 50px}.visual-heading h3{font-size:23px}.poster-description h3{font-size:22px}.lakeside-memory{grid-template-columns:1fr;gap:0}.lakeside-memory>div{padding:25px}.lakeside-memory h3{font-size:22px}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.artwork-open img{transition:none}.artwork-open:hover img{transform:none}}