.profile-hero{--base:#f4f4f4;--green:#006d70;--dim:#9a9a9a;min-height:100vh;color:var(--base);font-family:var(--font-anton),sans-serif;isolation:isolate;background:linear-gradient(#070707 0%,#070707e6 4%,#0707079e 11%,#07070747 20%,#07070700 30%),linear-gradient(#07070752,#07070775),url(/profile-bg.jpg) 50% 56%/cover no-repeat,#070707;animation:2.4s cubic-bezier(.22,1,.36,1) both ph-fadein;position:relative;overflow:hidden}@keyframes ph-fadein{0%{opacity:0}to{opacity:1}}.profile-hero .slogan{-webkit-user-select:none;user-select:none;z-index:5;text-shadow:0 2px 18px #0009;line-height:.84;position:absolute}.profile-hero .anton{font-family:var(--font-anton),sans-serif;text-transform:uppercase;letter-spacing:1px}.profile-hero .marker{font-family:var(--font-permanent-marker),cursive}.profile-hero .script{font-family:var(--font-caveat),cursive}.profile-hero .paci{font-family:var(--font-pacifico),cursive}.profile-hero .kalam{font-family:var(--font-kalam),cursive;font-weight:700}.profile-hero .pop{color:var(--green)}.profile-hero .dim{color:var(--dim)}.profile-hero .strike{text-decoration:line-through;text-decoration-thickness:5px}.profile-hero .cray{filter:url(#crayon)}.profile-hero .bleed{filter:url(#crayonBleed)}.profile-hero #main{top:11%;left:2.5%;transform:rotate(-3deg)}.profile-hero #main .anton{font-size:clamp(2.45rem,7.7vw,7.7rem);display:block}.profile-hero #main .l3{color:var(--green)}.profile-hero #fight{top:11%;right:4%;transform:rotate(6deg)}.profile-hero #fight .anton{color:var(--green);font-size:clamp(1.87rem,4.68vw,4.68rem)}.profile-hero #obsession{text-align:right;top:22%;right:3%;transform:rotate(4deg)}.profile-hero #obsession .anton{font-size:clamp(1.1rem,2.55vw,2.38rem);display:inline}.profile-hero #obsession .script{color:var(--green);font-size:clamp(1.53rem,3.4vw,3.23rem);display:inline-block;transform:rotate(-3deg)}.profile-hero #heart{bottom:30%;left:27%;transform:rotate(-3deg)}.profile-hero #heart .script{font-size:clamp(1.53rem,3.4vw,3.06rem)}.profile-hero #heart .pop{display:inline-block}.profile-hero #average{text-align:right;bottom:9%;right:3%;transform:rotate(-2deg)}.profile-hero #average .anton{font-size:clamp(1.02rem,2.14vw,1.95rem);display:block}.profile-hero #work{text-align:left;max-width:22ch;top:57%;left:3%;transform:rotate(-1deg)}.profile-hero #work .kalam{color:var(--base);font-size:clamp(.85rem,1.62vw,1.28rem);line-height:1.4}.profile-hero #faith{text-align:right;opacity:.62;max-width:30ch;display:none;bottom:4%;right:3%}.profile-hero #faith .kalam{color:var(--dim);font-size:clamp(.66rem,1.19vw,.94rem);line-height:1.5}.profile-hero #profile{z-index:6;color:#fff;text-shadow:0 1px 3px #000000e6,0 3px 16px #000c;width:21%;position:absolute;top:38%;right:5%}.profile-hero #profile .brand{font-family:var(--font-montserrat),sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.3rem;font-size:clamp(1.1rem,1.9vw,1.625rem);font-weight:700}.profile-hero #profile p{margin:0}.profile-hero #profile .bio-zh{font-family:var(--font-noto-sans-tc),sans-serif;letter-spacing:.3px;color:#fff;line-break:strict;word-break:normal;text-wrap:pretty;font-size:clamp(.9rem,1.32vw,1.08rem);font-weight:400;line-height:1.78}.profile-hero #profile .bio-nobreak{white-space:nowrap}.profile-hero .brand-doodle{z-index:6;pointer-events:none;width:155px;height:auto;position:absolute;bottom:3%;left:1.5%}.profile-hero #profile .bio-divider{background:linear-gradient(90deg,#eaa437,#eaa43700);width:100%;height:1px;margin:1rem 0 .85rem}.profile-hero #profile .bio-en{font-family:var(--font-inter),sans-serif;letter-spacing:.3px;color:#ffffffd1;font-size:clamp(.86rem,1.22vw,1.02rem);font-style:italic;font-weight:400;line-height:1.52}.profile-hero .flick{animation:6s linear infinite ph-flick}@keyframes ph-flick{0%,46%{opacity:1}47%{opacity:.4}48%{opacity:1}49%{opacity:.6}50%{opacity:1}79%{opacity:1}80%{opacity:.5}81%{opacity:1}to{opacity:1}}.profile-hero #doodles{z-index:4;pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.profile-hero .grain{pointer-events:none;z-index:50;opacity:.06;mix-blend-mode:overlay;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite ph-grain;position:absolute;inset:-8%}@keyframes ph-grain{0%{transform:translate(0)}33%{transform:translate(-5%,4%)}66%{transform:translate(4%,-5%)}to{transform:translate(0)}}.profile-hero .ph-filters{width:0;height:0;position:absolute}@media (max-width:768px){.profile-hero{background-position:50% 42%;flex-direction:column;justify-content:center;height:auto;padding:96px 22px 64px;display:flex;overflow:hidden}.profile-hero #doodles,.profile-hero #obsession,.profile-hero #heart,.profile-hero #work,.profile-hero #faith{display:none}.profile-hero .slogan{text-shadow:0 2px 14px #000000b3;position:static}.profile-hero #main{margin:0 0 1.6rem;position:static;top:auto;left:auto;transform:rotate(-2deg)}.profile-hero #main .anton{font-size:clamp(2rem,11.5vw,3.1rem)}.profile-hero #fight{text-align:right;margin:0 0 1.9rem;position:static;top:auto;right:auto;transform:rotate(3deg)}.profile-hero #fight .anton{font-size:clamp(1.8rem,10vw,2.7rem)}.profile-hero #average{text-align:left;margin:0 0 2.2rem;position:static;bottom:auto;left:auto;right:auto;transform:none}.profile-hero #average .anton{font-size:clamp(1.05rem,4.6vw,1.5rem)}.profile-hero #profile{width:100%;margin:0;position:static;top:auto;right:auto}.profile-hero .brand-doodle{width:96px;margin:1.8rem auto 0;display:block;position:static}}