:root{--lime:#a8ff00;--bg:#050505;--ink:#f7f7f1;--muted:#a3a39c;--line:#252525;--card:#111;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1320px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;z-index:50;left:0;right:0;top:18px}.nav{width:min(1240px,calc(100% - 48px));height:54px;margin:auto;padding:6px 8px 6px 20px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(20,20,16,.42);box-shadow:0 10px 40px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{font-weight:850;letter-spacing:-.04em;margin-right:auto}.nav-links{display:flex;gap:32px;font-size:12px;color:#ddd}.nav-links a:hover{color:var(--lime)}.nav-cta{margin-left:auto;background:#f4f4ec;color:#080808;padding:11px 20px;border-radius:999px;font-size:12px;font-weight:750}.nav-toggle{display:none;background:none;border:0;width:38px;height:38px}.nav-toggle span{display:block;width:20px;height:1px;background:#fff;margin:6px auto}.hero{--scroll:0px;min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 0 170px}.hero-bg{position:absolute;inset:-9%;width:118%;height:118%;object-fit:cover;object-position:center 7%;transform:translateY(var(--scroll)) scale(1.03);filter:saturate(.72) brightness(.72)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.66),rgba(5,5,5,.08) 67%),linear-gradient(0deg,rgba(5,5,5,.82),transparent 38%,rgba(5,5,5,.12))}.hero-content{position:relative;z-index:2}.eyebrow,.micro{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:11px;letter-spacing:.1em}.hero h1{font-size:clamp(72px,9vw,148px);line-height:.75;margin:34px 0 28px;letter-spacing:-.075em}.hero h1 small{font-size:.43em;letter-spacing:-.05em;font-weight:500}.hero-content>p{max-width:650px;font-size:17px;line-height:1.7}.hero-metrics{display:flex;gap:12px;margin-top:30px}.hero-metrics div{display:flex;align-items:baseline;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(9,9,9,.3);border-radius:999px;backdrop-filter:blur(10px)}.hero-metrics b{color:var(--lime);font-size:18px}.hero-metrics span{font-size:11px;color:#ddd}.hero-gallery{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:8px;height:110px}.gallery-label,.hero-gallery a{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:rgba(15,15,15,.55);backdrop-filter:blur(10px)}.gallery-label{padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.gallery-label b{font-size:17px}.gallery-label span{font-size:9px;color:#aaa;margin-top:4px}.hero-gallery a{position:relative}.hero-gallery img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:.35s}.hero-gallery a:hover img{filter:brightness(1);transform:scale(1.06)}.hero-gallery a span{position:absolute;left:10px;bottom:9px;font-size:11px}.scroll-cue{position:absolute;z-index:3;right:2%;bottom:140px;font-size:9px;letter-spacing:.12em;writing-mode:vertical-rl}.section{padding:135px 0}.section-title{margin-bottom:48px}.section-title p{color:var(--lime);font-size:clamp(34px,5vw,72px);font-weight:850;line-height:.9;letter-spacing:-.055em;margin:0}.section-title h2{font-weight:400;font-size:18px;margin:8px 0 0}.about-grid{display:grid;grid-template-columns:340px 1fr;gap:34px}.portrait-card{position:relative;min-height:430px;background:linear-gradient(145deg,#e7e7e0,#aaa);border-radius:var(--radius);overflow:hidden}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-card span{position:absolute;left:14px;bottom:14px;background:var(--lime);color:#050505;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.intro{border:1px solid var(--line);border-radius:var(--radius);padding:44px;background:radial-gradient(circle at 76% 12%,rgba(168,255,0,.07),transparent 28%),#090909}.micro{color:var(--lime);padding:0;border:0;background:none}.intro h3{font-size:clamp(40px,5vw,76px);letter-spacing:-.055em;margin:18px 0}.intro>p{max-width:850px;color:#c2c2ba;line-height:1.8}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:32px 0}.facts div{padding:16px;border:1px solid var(--line);border-radius:12px}.facts small,.facts b{display:block}.facts small{font-size:9px;color:var(--lime);margin-bottom:8px}.facts b{font-size:12px}.numbers{display:flex;gap:70px}.numbers div{display:flex;flex-direction:column}.numbers b{font-size:42px;color:var(--lime)}.numbers span{font-size:10px;color:#888}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.timeline article{padding:24px;border-right:1px solid var(--line);min-height:135px}.timeline article:last-child{border:0}.timeline span{font-size:9px;color:var(--lime)}.timeline h4{font-size:17px;margin:28px 0 3px}.timeline p{font-size:11px;color:#888;margin:0}.strengths{padding-top:80px}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.strength-card{min-height:300px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,rgba(168,255,0,.08),transparent 27%),var(--card);transition:.3s}.strength-card:hover{border-color:#555;transform:translateY(-4px)}.strength-card.wide{grid-row:span 2;min-height:610px}.strength-card>span{font-size:10px;color:var(--lime)}.strength-card h3{font-size:clamp(25px,2.4vw,38px);letter-spacing:-.04em;margin:30px 0 12px}.strength-card p{color:#aaa;line-height:1.7;font-size:13px}.strength-card>div{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.strength-card i{font-style:normal;font-size:9px;border:1px solid #333;border-radius:999px;padding:7px 9px}.projects{padding-top:90px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d0d0d;transition:.35s}.project-card:hover{transform:translateY(-7px);border-color:#555}.project-card>img{width:100%;height:350px;object-fit:cover;object-position:top}.project-card>div{padding:24px}.project-card span{font-size:9px;color:var(--lime)}.project-card h3{font-size:26px;letter-spacing:-.04em;margin:15px 0 12px}.project-card p{font-size:13px;line-height:1.65;color:#999;min-height:65px}.project-card b{display:block;color:var(--lime);font-size:11px;margin-top:25px}.works{padding-top:90px}.works-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:10px;color:var(--lime)}.works-head a{color:#aaa}.works-head.second{margin-top:100px}.work-feature{height:min(72vw,760px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#111}.work-feature img{width:100%;height:100%;object-fit:cover;object-position:top}.masonry{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;margin-top:12px}.masonry img{width:100%;border:1px solid var(--line);border-radius:14px;background:#111}.visual-wall{grid-template-columns:repeat(3,1fr)}.visual-wall img:nth-child(2),.visual-wall img:nth-child(5){margin-top:70px}footer{padding:160px 0 40px;background:var(--lime);color:#050505;margin-top:140px}footer span{font-size:11px;font-weight:750}footer h2{font-size:clamp(54px,9vw,130px);line-height:.9;letter-spacing:-.07em;margin:40px 0 80px}.contact-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.contact-row a{padding:20px 0;font-weight:750;border-right:1px solid rgba(0,0,0,.25)}.contact-row a:not(:first-child){padding-left:20px}footer small{display:block;margin-top:45px;font-size:9px}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.wrap{width:min(100% - 24px,680px)}.nav-wrap{top:8px}.nav{width:calc(100% - 18px);height:48px;padding-left:16px}.nav-links{position:absolute;top:56px;left:0;right:0;display:none;flex-direction:column;padding:22px;border-radius:18px;background:rgba(5,5,5,.94);border:1px solid #333}.nav-links.open{display:flex}.nav-cta{margin-left:0}.nav-toggle{display:block}.hero{min-height:850px;align-items:flex-start;padding-top:150px}.hero-bg{inset:0;width:100%;height:100%;object-position:58% top}.hero-shade{background:linear-gradient(0deg,rgba(5,5,5,.92),transparent 70%),linear-gradient(90deg,rgba(5,5,5,.52),transparent)}.hero h1{font-size:58px;line-height:.82;margin-top:25px}.hero-content>p{font-size:13px;max-width:330px}.hero-metrics{flex-wrap:wrap;gap:6px}.hero-metrics div{padding:7px 9px}.hero-gallery{bottom:20px;grid-template-columns:repeat(4,1fr);height:92px;gap:5px}.gallery-label{display:none}.hero-gallery a span{font-size:8px;left:6px}.scroll-cue{display:none}.section{padding:88px 0}.section-title{margin-bottom:28px}.section-title p{font-size:39px}.about-grid{grid-template-columns:1fr;gap:10px}.portrait-card{min-height:400px}.intro{padding:25px}.intro h3{font-size:42px}.facts{grid-template-columns:repeat(2,1fr)}.numbers{gap:30px}.numbers b{font-size:29px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline article:nth-child(2){border-right:0}.timeline article:nth-child(-n+2){border-bottom:1px solid var(--line)}.strength-grid{grid-template-columns:1fr}.strength-card,.strength-card.wide{min-height:300px;grid-row:auto}.project-grid{grid-template-columns:1fr}.project-card>img{height:390px}.work-feature{height:490px}.masonry,.visual-wall{grid-template-columns:1fr 1fr}.visual-wall img:nth-child(2),.visual-wall img:nth-child(5){margin-top:35px}.works-head.second{margin-top:70px}footer{padding-top:100px;margin-top:80px}footer h2{font-size:54px;margin:30px 0 55px}.contact-row{grid-template-columns:1fr}.contact-row a,.contact-row a:not(:first-child){padding:16px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bg{transform:none!important}}

/* Dynamic fluorescent star field */
.hero{--scroll:0px;background:#000}
.starfield{position:absolute;inset:0;overflow:hidden;z-index:0;background:radial-gradient(circle at 52% 42%,rgba(168,255,0,.035),transparent 35%)}
.star{--size:12px;--blur:0px;--alpha:.7;--duration:3s;--delay:0s;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);filter:blur(var(--blur)) drop-shadow(0 0 calc(var(--size) * .7) rgba(168,255,0,.8));opacity:0;animation:star-twinkle var(--duration) ease-in-out var(--delay) infinite}
.star::before,.star::after{content:"";position:absolute;left:50%;top:50%;background:var(--lime);transform:translate(-50%,-50%);border-radius:999px}
.star::before{width:100%;height:20%}.star::after{width:20%;height:100%}
.star.near{filter:blur(.35px) drop-shadow(0 0 calc(var(--size) * 1.25) rgba(168,255,0,.95))}.star.far{filter:blur(1.2px) drop-shadow(0 0 4px rgba(168,255,0,.55))}
@keyframes star-twinkle{0%,100%{opacity:.08;transform:scale(.45) rotate(0deg)}35%{opacity:var(--alpha);transform:scale(1) rotate(12deg)}52%{opacity:calc(var(--alpha) * .35);transform:scale(.65) rotate(18deg)}72%{opacity:calc(var(--alpha) * .8);transform:scale(.9) rotate(24deg)}}
.hero-shade{z-index:1;background:radial-gradient(ellipse at 35% 45%,transparent 0,rgba(0,0,0,.16) 48%,rgba(0,0,0,.72) 100%),linear-gradient(0deg,#000 0,transparent 26%)}
.eyebrow{background:rgba(255,255,255,.08);border-color:rgba(168,255,0,.2)}
@media(max-width:850px){.hero-shade{background:radial-gradient(ellipse at 45% 35%,transparent,rgba(0,0,0,.25) 62%,#000 100%),linear-gradient(0deg,#000,transparent 42%)}}
@media(prefers-reduced-motion:reduce){.star{animation:none;opacity:.42}}

/* Star cursor and meteor trail */
.meteor-canvas{position:fixed;inset:0;z-index:9997;pointer-events:none;mix-blend-mode:screen}
.star-cursor{position:fixed;left:0;top:0;z-index:9999;width:18px;height:18px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 7px rgba(168,255,0,.95));transition:opacity .2s;transform-origin:center center;will-change:transform,scale}
.star-cursor.active{opacity:1}.star-cursor::before,.star-cursor::after{content:"";position:absolute;left:50%;top:50%;background:var(--lime);border-radius:999px;transform:translate(-50%,-50%);transition:transform .2s ease}
.star-cursor::before{width:18px;height:4px}.star-cursor::after{width:4px;height:18px}
.star-cursor.dark{filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.star-cursor.dark::before,.star-cursor.dark::after{background:#000}
@media(hover:hover) and (pointer:fine){.star-cursor-enabled,.star-cursor-enabled *{cursor:none!important}}
@media(prefers-reduced-motion:reduce){.meteor-canvas{display:none}.star-cursor{transition:none}}

/* Two-second star created on click */
.click-star{position:fixed;z-index:9998;width:var(--click-size);height:var(--click-size);pointer-events:none;transform:translate(-50%,-50%) rotate(var(--click-rotate));filter:drop-shadow(0 0 8px rgba(168,255,0,.95));animation:click-star-life 2s ease-out forwards}
.click-star::before,.click-star::after{content:"";position:absolute;left:50%;top:50%;background:var(--lime);border-radius:999px;transform:translate(-50%,-50%)}
.click-star::before{width:100%;height:22%}.click-star::after{width:22%;height:100%}
.click-star.dark{filter:drop-shadow(0 0 7px rgba(0,0,0,.65))}.click-star.dark::before,.click-star.dark::after{background:#000}
@keyframes click-star-life{0%{opacity:0;scale:.25}8%{opacity:1;scale:1.2}18%,62%{opacity:.82;scale:1}40%{opacity:.35;scale:.72}75%{opacity:.68;scale:.9}100%{opacity:0;scale:.35}}
@media(prefers-reduced-motion:reduce){.click-star{animation:click-star-life 2s linear forwards}}

/* Four selected project cards on wide screens */
@media(min-width:1101px){.project-grid{grid-template-columns:repeat(4,1fr)}.project-card>img{height:310px}.project-card h3{font-size:23px}}

/* Clear hover affordance for every clickable element */
a,button{transition:transform .24s ease,filter .24s ease,box-shadow .24s ease,color .24s ease,background-color .24s ease}
@media(hover:hover) and (pointer:fine){a:hover,button:hover{filter:brightness(1.12) drop-shadow(0 0 8px rgba(168,255,0,.48))}.nav-links a:hover,.contact-row a:hover{transform:scale(1.025);color:var(--lime)}.nav-cta:hover,.hero-gallery a:hover{transform:scale(1.035);box-shadow:0 0 20px rgba(168,255,0,.28)}.project-card:hover{transform:translateY(-7px) scale(1.018);box-shadow:0 0 26px rgba(168,255,0,.18)}footer a:hover{color:#000;filter:brightness(.88) drop-shadow(0 0 7px rgba(0,0,0,.38))}.star-cursor.interactive{filter:drop-shadow(0 0 11px rgba(168,255,0,1))}.star-cursor.interactive::before,.star-cursor.interactive::after{transform:translate(-50%,-50%) scale(1.38)}.star-cursor.interactive.dark{filter:drop-shadow(0 0 9px rgba(0,0,0,.8))}}

/* Copyable footer contacts */
.contact-row{grid-template-columns:1.45fr 1fr 1fr .8fr}.copy-contact{appearance:none;border:0;border-right:1px solid rgba(0,0,0,.25);border-radius:0;background:transparent;color:#050505;padding:17px 20px 17px 0;text-align:left;font:inherit}.copy-contact small,.copy-contact b{display:block}.copy-contact small{margin:0 0 7px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.58}.copy-contact b{font-size:13px}.contact-row>a{display:flex;align-items:center;padding-left:20px}
.copy-toast{position:fixed;z-index:10001;left:50%;bottom:28px;transform:translate(-50%,18px);padding:11px 16px;border-radius:999px;background:#050505;color:var(--lime);border:1px solid rgba(168,255,0,.5);font-size:12px;font-weight:750;box-shadow:0 8px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){footer a:hover,footer button:hover{transform:scale(1.025);filter:none!important;box-shadow:none!important;color:#000}.star-cursor.interactive.dark{filter:none}}
@media(max-width:850px){.contact-row{grid-template-columns:1fr}.copy-contact{width:100%;padding:16px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.2)}.contact-row>a{padding-left:0}.copy-toast{bottom:18px;max-width:calc(100% - 28px);white-space:nowrap}}

/* Stable contact-cell dividers and unified typography */
.contact-row>*{min-width:0;overflow:hidden}.copy-contact{padding-left:20px;padding-right:28px}.copy-contact:first-child{padding-left:0}.copy-contact b,.contact-row>a span{display:inline-block;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:13px;font-weight:750;line-height:1.3;letter-spacing:0;transition:transform .22s ease}.contact-row>a{padding-right:20px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){footer .contact-row>a:hover,footer .contact-row>button:hover{transform:none}.contact-row>a:hover span,.copy-contact:hover b{transform:scale(1.035);transform-origin:left center}}
@media(max-width:850px){.copy-contact,.copy-contact:first-child{padding-left:0;padding-right:0}.contact-row>a{padding-right:0;overflow:visible}}

/* Identical action-label typography across all four footer cells */
.copy-contact small,.contact-row>a span{display:inline-block;margin:0;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:13px;font-weight:750;line-height:1.3;letter-spacing:0;text-transform:none;opacity:1;transition:transform .22s ease}.copy-contact b{display:block;margin-top:6px;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.3;letter-spacing:0;opacity:.68}.copy-contact small,.copy-contact b,.contact-row>a span{font-style:normal;font-variant:normal;font-stretch:normal}
@media(hover:hover) and (pointer:fine){.copy-contact:hover small,.contact-row>a:hover span{transform:scale(1.035);transform-origin:left center}.copy-contact:hover b{transform:none}}

/* Keep the resume action legible on the fluorescent footer */
footer .contact-row>a,footer .contact-row>a:visited,footer .contact-row>a:hover,footer .contact-row>a:focus-visible{color:#050505!important;filter:none!important;text-shadow:none!important}footer .contact-row>a span{position:relative;z-index:1;color:#050505!important}footer .contact-row>a:hover,footer .contact-row>a:focus-visible{background:rgba(0,0,0,.09)}

/* Layered scroll entrance motion */
.entrance-item{opacity:0;transform:translate3d(0,24px,0) scale(.985);filter:blur(6px);transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms),transform .82s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms),filter .72s ease var(--entrance-delay,0ms);will-change:opacity,transform,filter}.entrance-item.entered{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.hero-content .entrance-item{transform:translate3d(0,30px,0) scale(.98)}.hero-content .entrance-item.entered{transform:translate3d(0,0,0) scale(1)}
@media(prefers-reduced-motion:reduce){.entrance-item,.entrance-item.entered{opacity:1;transform:none;filter:none;transition:none}}

/* Hero signature lettering */
.hero .art-name{position:relative;display:inline-block;padding-right:.1em;font-family:"Bodoni 72","Didot","Bodoni MT","Times New Roman",Georgia,serif;font-weight:700;font-style:italic;letter-spacing:-.075em;line-height:.8;color:transparent;background:linear-gradient(118deg,#fff 8%,#d9ddd2 43%,var(--lime) 68%,#f7f7f1 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.6px rgba(255,255,255,.34);text-shadow:0 0 28px rgba(168,255,0,.12);filter:drop-shadow(7px 9px 0 rgba(168,255,0,.1))}.hero .art-name::after{content:"";position:absolute;left:.08em;right:-.02em;bottom:-.09em;height:.035em;min-height:3px;background:linear-gradient(90deg,var(--lime),rgba(168,255,0,0));transform:skewX(-24deg);transform-origin:left;border-radius:999px;box-shadow:0 0 12px rgba(168,255,0,.42)}
@media(max-width:850px){.hero .art-name{-webkit-text-stroke:.35px rgba(255,255,255,.4);filter:drop-shadow(4px 5px 0 rgba(168,255,0,.1))}}

/* Requested display typeface */
@font-face{font-family:"Ruslan Display";src:url("./assets/RuslanDisplay-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.hero .art-name{font-family:"Ruslan Display","Arial Black",Impact,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.025em}

/* Soft name glow with sparse matching star accents */
.hero h1{position:relative}.hero .art-name::after{display:none}.hero .art-name{text-shadow:0 0 10px rgba(168,255,0,.2),0 0 28px rgba(168,255,0,.12);filter:drop-shadow(0 0 7px rgba(168,255,0,.2))}.name-sparkles{position:absolute;inset:-12% 23% 42% -2%;pointer-events:none}.name-sparkles i{position:absolute;width:var(--spark-size);height:var(--spark-size);filter:drop-shadow(0 0 6px rgba(168,255,0,.75));animation:name-sparkle var(--spark-time) ease-in-out var(--spark-delay) infinite}.name-sparkles i::before,.name-sparkles i::after{content:"";position:absolute;left:50%;top:50%;background:var(--lime);border-radius:999px;transform:translate(-50%,-50%)}.name-sparkles i::before{width:100%;height:22%}.name-sparkles i::after{width:22%;height:100%}.name-sparkles i:nth-child(1){--spark-size:9px;--spark-time:6.8s;--spark-delay:-1.2s;left:8%;top:5%}.name-sparkles i:nth-child(2){--spark-size:14px;--spark-time:8.2s;--spark-delay:-4.5s;right:3%;top:18%}.name-sparkles i:nth-child(3){--spark-size:6px;--spark-time:5.9s;--spark-delay:-2.7s;left:44%;bottom:0}.name-sparkles i:nth-child(4){--spark-size:8px;--spark-time:7.6s;--spark-delay:-5.3s;right:20%;bottom:9%}@keyframes name-sparkle{0%,100%{opacity:.08;transform:scale(.45) rotate(0)}38%{opacity:.78;transform:scale(1) rotate(14deg)}62%{opacity:.22;transform:scale(.65) rotate(21deg)}78%{opacity:.58;transform:scale(.86) rotate(28deg)}}
@media(max-width:850px){.name-sparkles{inset:-18% 4% 42% -4%}.name-sparkles i:nth-child(2){right:8%}}
@media(prefers-reduced-motion:reduce){.name-sparkles i{animation:none;opacity:.45}}

/* Enlarged glass signature with breathing glow and cursor-follow spotlight */
.hero h1{margin-top:22px;margin-bottom:14px;line-height:.7}.hero .art-name{--name-x:50%;--name-y:50%;display:inline-block;font-size:1.13em;line-height:.78;padding:.08em .13em .11em .08em;color:#fff;-webkit-text-fill-color:#fff;background:radial-gradient(circle 78px at var(--name-x) var(--name-y),rgba(168,255,0,0),transparent 72%),linear-gradient(115deg,rgba(255,255,255,.07),rgba(255,255,255,.018));background-clip:border-box;-webkit-background-clip:border-box;border:1px solid rgba(255,255,255,.13);border-radius:.1em;-webkit-text-stroke:.2px rgba(255,255,255,.68);text-shadow:0 0 7px rgba(255,255,255,.2),0 0 16px rgba(168,255,0,.1);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);filter:none;animation:name-breathe 5.6s ease-in-out infinite;transition:background .22s ease,border-color .22s ease}.hero .art-name.pointer-glow{background:radial-gradient(circle 78px at var(--name-x) var(--name-y),rgba(168,255,0,.34),rgba(168,255,0,.1) 34%,transparent 72%),linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-color:rgba(168,255,0,.3)}@keyframes name-breathe{0%,100%{box-shadow:inset 0 0 15px rgba(255,255,255,.02),0 0 8px rgba(168,255,0,.06)}50%{box-shadow:inset 0 0 20px rgba(168,255,0,.045),0 0 22px rgba(168,255,0,.18)}}.hero h1 small{display:inline-block;margin-top:.2em}.name-sparkles{inset:-18% 18% 38% -3%}
@media(max-width:850px){.hero h1{margin-top:18px;margin-bottom:12px}.hero .art-name{font-size:1.08em;padding:.1em .13em .12em .08em;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.name-sparkles{inset:-22% 2% 40% -5%}}
@media(prefers-reduced-motion:reduce){.hero .art-name{animation:none}}
.hero .art-name::before{z-index:0}

/* Frameless frosted lettering: white fill, green edge light only */
.hero .art-name{position:relative;font-size:1.28em;padding:0;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;border:0!important;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-text-stroke:.25px rgba(255,255,255,.88);text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(255,255,255,.18),0 0 8px rgba(168,255,0,.13);filter:drop-shadow(0 0 4px rgba(168,255,0,.22));animation:name-text-breathe 5.8s ease-in-out infinite}.hero .art-name::before{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-fill-color:transparent;background:radial-gradient(circle 72px at var(--name-x) var(--name-y),rgba(168,255,0,.9),rgba(168,255,0,.24) 42%,transparent 72%);-webkit-background-clip:text;background-clip:text;filter:blur(4px);opacity:0;transition:opacity .2s ease}.hero .art-name.pointer-glow::before{opacity:.95}.hero .art-name.pointer-glow{background:none!important;border:0!important}@keyframes name-text-breathe{0%,100%{filter:drop-shadow(0 0 3px rgba(168,255,0,.16));text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(255,255,255,.18),0 0 7px rgba(168,255,0,.1)}50%{filter:drop-shadow(0 0 8px rgba(168,255,0,.48));text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(255,255,255,.22),0 0 13px rgba(168,255,0,.28)}}
@media(max-width:850px){.hero .art-name{font-size:1.18em}}
@media(prefers-reduced-motion:reduce){.hero .art-name{animation:none}}

/* Enlarged luminous glass display lettering */
.hero h1{font-size:clamp(88px,10.5vw,174px)}.hero .art-name{isolation:isolate;background:linear-gradient(112deg,rgba(255,255,255,.96) 5%,rgba(222,232,215,.68) 24%,rgba(168,255,0,.92) 43%,rgba(255,255,255,.72) 61%,rgba(168,255,0,.88) 78%,rgba(255,255,255,.94) 96%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(230,255,220,.38);text-shadow:0 0 8px rgba(168,255,0,.26),0 0 22px rgba(168,255,0,.2),0 0 48px rgba(168,255,0,.1);filter:drop-shadow(0 0 9px rgba(168,255,0,.32));animation:name-glass-shimmer 8s ease-in-out infinite,name-glow-pulse 4.8s ease-in-out infinite}.hero .art-name::before{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.08);filter:blur(1.3px);opacity:.72;transform:translateY(-1px);pointer-events:none}.name-sparkles{inset:-18% 16% 36% -3%}.name-sparkles i{filter:drop-shadow(0 0 9px rgba(168,255,0,.9))}@keyframes name-glass-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes name-glow-pulse{0%,100%{filter:drop-shadow(0 0 7px rgba(168,255,0,.26));opacity:.92}48%{filter:drop-shadow(0 0 16px rgba(168,255,0,.52));opacity:1}56%{filter:drop-shadow(0 0 9px rgba(168,255,0,.34));opacity:.94}}
@media(max-width:850px){.hero h1{font-size:clamp(66px,18vw,82px)}.hero .art-name{-webkit-text-stroke:.7px rgba(230,255,220,.4)}.name-sparkles{inset:-20% 0 38% -3%}}
@media(prefers-reduced-motion:reduce){.hero .art-name{animation:none;background-position:50% 50%}}

/* Final TIANTIAN treatment: no panel, white glass fill, green edge glow */
.hero h1{font-size:clamp(96px,11.2vw,182px)}.hero .art-name{--name-x:50%;--name-y:50%;isolation:isolate;padding:0!important;color:#fff!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;-webkit-text-stroke:.35px rgba(255,255,255,.9)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:0 1px 0 rgba(255,255,255,.75),0 -1px 0 rgba(255,255,255,.22),0 0 9px rgba(168,255,0,.15)!important;filter:drop-shadow(0 0 5px rgba(168,255,0,.25));opacity:1!important;animation:name-text-breathe 5.8s ease-in-out infinite!important}.hero .art-name::before{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;background:radial-gradient(circle 76px at var(--name-x) var(--name-y),rgba(168,255,0,.95),rgba(168,255,0,.28) 38%,transparent 72%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:blur(5px)!important;opacity:0!important;transform:none!important;transition:opacity .2s ease}.hero .art-name.pointer-glow::before{opacity:1!important}.hero .art-name.pointer-glow{background:none!important}
@media(max-width:850px){.hero h1{font-size:clamp(72px,19vw,88px)}}
@media(prefers-reduced-motion:reduce){.hero .art-name{animation:none!important}}

/* Tighter hero copy and pointer-only local glow */
.hero h1{margin-bottom:-2px}.hero h1 small{margin-top:-.12em;transform:translateY(-.08em)}.hero-content>p{margin-top:6px;margin-bottom:0}.hero-metrics{margin-top:18px}.hero .art-name{animation:none!important;filter:none!important;text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(255,255,255,.18)!important}.hero .art-name::before{z-index:-1;filter:blur(7px)!important;background:radial-gradient(circle 62px at var(--name-x) var(--name-y),rgba(168,255,0,1),rgba(168,255,0,.36) 38%,transparent 72%)!important}.hero .art-name:not(.pointer-glow)::before{opacity:0!important}.hero .art-name.pointer-glow::before{opacity:1!important}
@media(max-width:850px){.hero h1 small{margin-top:-.08em;transform:translateY(-.05em)}.hero-content>p{margin-top:8px}.hero-metrics{margin-top:15px}}

/* Centered hero stack with consistent vertical rhythm */
.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.hero-content .eyebrow{align-self:center}.hero h1{width:100%;margin:0!important;line-height:1}.hero h1 br{display:none}.hero .art-name{display:inline-block}.hero h1 small{display:block;margin:24px 0 0!important;transform:none!important;line-height:1}.hero-content>p{max-width:760px;margin:0!important}.hero-metrics{justify-content:center;margin:0!important}
@media(max-width:850px){.hero-content{gap:18px}.hero h1 small{margin-top:18px!important}.hero-content>p{max-width:350px}.hero-metrics{justify-content:center}}

/* Smaller signature and staged first-screen reveal */
.hero h1{font-size:clamp(82px,9.6vw,156px)}.hero-content>.eyebrow{animation:hero-fade-up .7s cubic-bezier(.22,1,.36,1) .08s both}.hero .art-name{animation:hero-name-build 1.05s cubic-bezier(.16,1,.3,1) .26s both!important}.hero .name-sparkles{animation:hero-spark-in .8s ease 1.02s both}.hero h1 small{animation:hero-fade-up .72s cubic-bezier(.22,1,.36,1) .68s both}.hero-content>p{animation:hero-fade-up .72s cubic-bezier(.22,1,.36,1) .86s both}.hero-metrics{animation:hero-fade-up .72s cubic-bezier(.22,1,.36,1) 1.04s both}.hero-gallery{animation:hero-fade-up .8s cubic-bezier(.22,1,.36,1) 1.2s both}@keyframes hero-name-build{0%{opacity:0;transform:translateY(28px) scale(.78);filter:blur(18px)}45%{opacity:.68;filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px);filter:blur(7px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hero-spark-in{0%{opacity:0;transform:scale(.72)}100%{opacity:1;transform:scale(1)}}
@media(max-width:850px){.hero h1{font-size:clamp(64px,16.5vw,76px)}}
@media(prefers-reduced-motion:reduce){.hero-content>.eyebrow,.hero .art-name,.hero .name-sparkles,.hero h1 small,.hero-content>p,.hero-metrics,.hero-gallery{animation:none!important;opacity:1;transform:none;filter:none}}

/* Entrance followed by a subtle fluorescent edge-breathing loop */
.hero .art-name{animation:hero-name-build 1.05s cubic-bezier(.16,1,.3,1) .26s both,name-edge-breathe 5.8s ease-in-out 1.35s infinite!important}@keyframes name-edge-breathe{0%,100%{text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(255,255,255,.18),0 0 5px rgba(168,255,0,.08);filter:drop-shadow(0 0 2px rgba(168,255,0,.12))}48%{text-shadow:0 1px 0 rgba(255,255,255,.78),0 -1px 0 rgba(255,255,255,.2),0 0 11px rgba(168,255,0,.26);filter:drop-shadow(0 0 7px rgba(168,255,0,.4))}58%{text-shadow:0 1px 0 rgba(255,255,255,.74),0 -1px 0 rgba(255,255,255,.18),0 0 7px rgba(168,255,0,.15);filter:drop-shadow(0 0 4px rgba(168,255,0,.22))}}

/* Preserve the centered gallery position throughout its entrance */
.hero-gallery{animation:hero-gallery-in .8s cubic-bezier(.22,1,.36,1) 1.2s both}@keyframes hero-gallery-in{0%{opacity:0;transform:translate(-50%,20px);filter:blur(7px)}100%{opacity:1;transform:translate(-50%,0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.hero-gallery{animation:none!important;transform:translateX(-50%)!important}}

/* Clear title zone and breathing fluorescent edge light */
.name-sparkles{display:none!important}.hero .art-name{animation:hero-name-build 1.05s cubic-bezier(.16,1,.3,1) .26s both,tiantian-edge-breathe 4.8s ease-in-out 1.35s infinite!important}@keyframes tiantian-edge-breathe{0%,100%{text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(255,255,255,.18),0 0 4px rgba(168,255,0,.1)}48%{text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(255,255,255,.22),0 0 10px rgba(168,255,0,.55),0 0 24px rgba(168,255,0,.22)}58%{text-shadow:0 1px 0 rgba(255,255,255,.76),0 -1px 0 rgba(255,255,255,.2),0 0 7px rgba(168,255,0,.32)}}
@media(prefers-reduced-motion:reduce){.hero .art-name{animation:none!important}}

/* Layered black four-point stars on the fluorescent contact page */
footer{position:relative;overflow:hidden}footer>.wrap{position:relative;z-index:1}.footer-stars{position:absolute;inset:0;z-index:0;pointer-events:none}.footer-star{position:absolute;left:var(--footer-x);top:var(--footer-y);width:var(--footer-size);height:var(--footer-size);opacity:0;filter:drop-shadow(0 0 calc(var(--footer-size) * .35) rgba(0,0,0,.3));animation:footer-star-twinkle var(--footer-time) ease-in-out var(--footer-delay) infinite}.footer-star::before,.footer-star::after{content:"";position:absolute;left:50%;top:50%;background:#050505;border-radius:999px;transform:translate(-50%,-50%)}.footer-star::before{width:100%;height:20%}.footer-star::after{width:20%;height:100%}.footer-star.far{filter:blur(1px);opacity:.18}.footer-star.near{filter:blur(.25px) drop-shadow(0 0 12px rgba(0,0,0,.3))}@keyframes footer-star-twinkle{0%,100%{opacity:.06;transform:scale(.48) rotate(0)}38%{opacity:var(--footer-alpha);transform:scale(1) rotate(13deg)}62%{opacity:calc(var(--footer-alpha) * .3);transform:scale(.68) rotate(20deg)}80%{opacity:calc(var(--footer-alpha) * .75);transform:scale(.9) rotate(27deg)}}
@media(prefers-reduced-motion:reduce){.footer-star{animation:none;opacity:.3}}

/* Refined tapered four-point decorative stars */
.star::before,.footer-star::before{inset:0;left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;clip-path:polygon(50% 0,58% 41%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 41%)}.star::after,.footer-star::after{left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%}.star::before,.star::after{background:var(--lime)}.footer-star::before,.footer-star::after{background:#050505}.footer-star{transform:rotate(var(--footer-rotate))}.footer-star.near::before{clip-path:polygon(50% 0,56% 43%,100% 50%,56% 57%,50% 100%,44% 57%,0 50%,44% 43%)}
.footer-star{animation-name:footer-star-twinkle-refined}@keyframes footer-star-twinkle-refined{0%,100%{opacity:.04;transform:scale(.42) rotate(var(--footer-rotate))}36%{opacity:var(--footer-alpha);transform:scale(1) rotate(calc(var(--footer-rotate) + 12deg))}64%{opacity:calc(var(--footer-alpha) * .26);transform:scale(.62) rotate(calc(var(--footer-rotate) + 20deg))}82%{opacity:calc(var(--footer-alpha) * .72);transform:scale(.88) rotate(calc(var(--footer-rotate) + 27deg))}}

/* Refined footer scale, headline rhythm and closed table edge */
.footer-star.near{display:none}footer h2{font-size:clamp(50px,8.2vw,118px);line-height:.97}.contact-row{border-left:1px solid rgba(0,0,0,.25)}
@media(max-width:850px){footer h2{font-size:50px;line-height:1.01}}
.contact-row .copy-contact:first-child{padding-left:20px}
@media(max-width:850px){.contact-row .copy-contact:first-child{padding-left:16px}}

/* Mobile image-edge fixes and fully enclosed, aligned contact grid */
.portrait-card img{max-width:none;width:calc(100% + 3px);transform:translateX(-3px)}#hatplanet>img{object-position:50% -2px}.contact-row{border-right:1px solid rgba(0,0,0,.25)}.contact-row>*{min-height:66px}.copy-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.contact-row>a{align-items:flex-start;justify-content:flex-start;padding-top:17px}
@media(max-width:850px){.portrait-card img{width:calc(100% + 3px);transform:translateX(-3px)}.contact-row>*{min-height:64px}.contact-row>a{padding-top:16px}}

/* Consistent mobile contact-grid alignment */
@media(max-width:850px){.contact-row .copy-contact,.contact-row .copy-contact:first-child,footer .contact-row>a{padding-left:16px!important;padding-right:16px!important;align-items:flex-start;justify-content:flex-start}.contact-row .copy-contact{padding-top:16px;padding-bottom:16px}footer .contact-row>a{padding-top:16px!important;padding-bottom:16px!important}}