About \u2014 Yuhan Shen<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --black: #111;\n --white: #fff;\n --muted: #888;\n --border: #e5e5e5;\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'DM Sans', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--white);\n color: var(--black);\n font-family: var(--sans);\n font-weight: 300;\n font-size: 15px;\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HEADER *\/\nheader {\n padding: 2.8rem 4rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--border);\n}\n.logo {\n font-family: var(--serif);\n font-size: 1.15rem;\n font-weight: 400;\n letter-spacing: 0.03em;\n text-decoration: none;\n color: var(--black);\n}\nnav { display: flex; gap: 2.5rem; list-style: none; }\nnav a {\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n text-decoration: none;\n color: var(--muted);\n transition: color 0.2s;\n}\nnav a:hover, nav a.active { color: var(--black); }\n\n\/* HERO *\/\n.hero {\n padding: 5rem 4rem 5rem;\n display: grid;\n grid-template-columns: 5fr 4fr;\n gap: 6rem;\n align-items: end;\n border-bottom: 1px solid var(--border);\n}\n.hero-eyebrow {\n font-size: 0.68rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2rem;\n}\n.hero-heading {\n font-family: var(--serif);\n font-size: clamp(3.8rem, 6vw, 6.5rem);\n font-weight: 300;\n line-height: 0.95;\n letter-spacing: -0.02em;\n}\n.hero-heading em { font-style: italic; }\n.hero-tagline {\n font-size: 1.05rem;\n line-height: 1.75;\n color: #444;\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 1px solid var(--border);\n}\n.hero-facts {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n}\n.fact-label {\n font-size: 0.65rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 0.3rem;\n}\n.fact-value { font-size: 0.85rem; font-weight: 400; }\n\n\/* INTRO *\/\n.intro {\n display: grid;\n grid-template-columns: 1fr 2fr;\n border-bottom: 1px solid var(--border);\n}\n.intro-img { border-right: 1px solid var(--border); overflow: hidden; }\n.intro-img img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n aspect-ratio: 3\/4;\n filter: grayscale(10%);\n transition: filter 0.5s, transform 0.6s;\n}\n.intro-img:hover img { filter: grayscale(0%); transform: scale(1.02); }\n.intro-text {\n padding: 5rem 4rem;\n display: flex; flex-direction: column; justify-content: center;\n}\n.section-label {\n font-size: 0.65rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2rem;\n display: flex; align-items: center; gap: 1rem;\n}\n.section-label::after { content:''; display:block; height:1px; width:3rem; background:var(--border); }\n.intro-title {\n font-family: var(--serif);\n font-size: clamp(2rem, 3vw, 3rem);\n font-weight: 300; line-height: 1.15;\n margin-bottom: 2rem;\n}\n.intro-title em { font-style: italic; }\n.body-text { font-size: 0.97rem; line-height: 1.9; color: #333; }\n.body-text p + p { margin-top: 1.1em; }\n.pullquote {\n font-family: var(--serif);\n font-size: 1.45rem; font-weight: 300; font-style: italic;\n line-height: 1.5; color: var(--black);\n border-left: 1.5px solid var(--black);\n padding-left: 1.5rem; margin: 2.5rem 0;\n}\n\n\/* PHOTO GRID *\/\n.photo-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-bottom: 1px solid var(--border);\n}\n.pg-item {\n overflow: hidden; position: relative;\n border-right: 1px solid var(--border);\n}\n.pg-item:last-child { border-right: none; }\n.pg-item img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n aspect-ratio: 3\/4;\n filter: grayscale(20%);\n transition: transform 0.7s ease, filter 0.5s ease;\n}\n.pg-item:hover img { transform: scale(1.04); filter: grayscale(0%); }\n.pg-label {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 1.5rem 1.2rem 1rem;\n background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);\n font-size: 0.65rem; letter-spacing: 0.16em; text-transform: uppercase;\n color: rgba(255,255,255,0.85);\n}\n\n\/* WORK SECTION *\/\n.work-section { border-bottom: 1px solid var(--border); }\n.work-text { padding: 5rem 4rem; max-width: 780px; }\n.work-title {\n font-family: var(--serif);\n font-size: clamp(2rem, 3vw, 3rem);\n font-weight: 300; line-height: 1.15; margin-bottom: 2rem;\n}\n.work-title em { font-style: italic; }\n\n\/* LIFE COLUMNS *\/\n.life-section {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n border-bottom: 1px solid var(--border);\n}\n.life-col {\n padding: 4rem 3rem;\n border-right: 1px solid var(--border);\n transition: background 0.3s;\n cursor: default;\n}\n.life-col:last-child { border-right: none; }\n.life-col:hover { background: var(--black); }\n.life-col:hover .life-num { color: #666; }\n.life-col:hover .life-title { color: #fff; }\n.life-col:hover .life-body { color: rgba(255,255,255,0.5); }\n.life-num {\n font-size: 0.62rem; letter-spacing: 0.22em; text-transform: uppercase;\n color: var(--muted); margin-bottom: 2rem; transition: color 0.3s;\n}\n.life-title {\n font-family: var(--serif);\n font-size: 1.6rem; font-weight: 300; line-height: 1.2;\n margin-bottom: 1rem; transition: color 0.3s;\n}\n.life-body {\n font-size: 0.88rem; line-height: 1.75;\n color: var(--muted); transition: color 0.3s;\n}\n\n\/* CLOSING *\/\n.closing {\n padding: 8rem 4rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n border-bottom: 1px solid var(--border);\n}\n.closing-quote {\n font-family: var(--serif);\n font-size: clamp(2.5rem, 4vw, 4rem);\n font-weight: 300; line-height: 1.1; letter-spacing: -0.01em;\n}\n.closing-quote em { font-style: italic; }\n.closing-body { font-size: 0.97rem; line-height: 1.9; color: #333; }\n.closing-body p + p { margin-top: 1em; }\n\n\/* FOOTER *\/\nfooter {\n padding: 3rem 4rem;\n display: flex; justify-content: space-between; align-items: center;\n}\n.footer-copy { font-size: 0.72rem; letter-spacing: 0.1em; color: var(--muted); text-transform: uppercase; }\n.footer-links { display: flex; gap: 2rem; }\n.footer-links a {\n font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;\n text-decoration: none; color: var(--muted); transition: color 0.2s;\n}\n.footer-links a:hover { color: var(--black); }\n\n\/* REVEAL *\/\n.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.75s ease, transform 0.75s ease; }\n.reveal.in { opacity: 1; transform: none; }\n\n\/* MOBILE *\/\n@media (max-width: 900px) {\n header { padding: 1.8rem 2rem; }\n nav { display: none; }\n .hero { grid-template-columns: 1fr; gap: 3rem; padding: 4rem 2rem 3rem; }\n .intro { grid-template-columns: 1fr; }\n .intro-img img { aspect-ratio: 4\/3; }\n .intro-img { border-right: none; border-bottom: 1px solid var(--border); }\n .intro-text { padding: 3rem 2rem; }\n .photo-grid { grid-template-columns: 1fr; }\n .pg-item { border-right: none; border-bottom: 1px solid var(--border); }\n .work-section { grid-template-columns: 1fr; }\n .work-text { padding: 3rem 2rem; }\n .life-section { grid-template-columns: 1fr; }\n .life-col { border-right: none; border-bottom: 1px solid var(--border); }\n .closing { grid-template-columns: 1fr; gap: 2rem; padding: 4rem 2rem; }\n footer { flex-direction: column; gap: 1.5rem; padding: 2.5rem 2rem; text-align: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n<section class=\"hero reveal\">\n <div>\n <p class=\"hero-eyebrow\">About Me<\/p>\n <h1 class=\"hero-heading\">Storyteller.<br>Photographer.<br><em>Still becoming.<\/em><\/h1>\n <\/div>\n <div>\n <p class=\"hero-tagline\">Hi, I’m Yuhan \u2014 a storyteller shaped by movement, curiosity, and a quiet refusal to accept “impossible.”<\/p>\n <div class=\"hero-facts\">\n <div><div class=\"fact-label\">Based in<\/div><div class=\"fact-value\">Los Angeles, CA<\/div><\/div>\n <div><div class=\"fact-label\">Currently at<\/div><div class=\"fact-value\">USC Annenberg<\/div><\/div>\n <div><div class=\"fact-label\">Studio<\/div><div class=\"fact-value\">Nono Studio<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"intro reveal\">\n <div class=\"intro-img\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/05\/db40a696e439490c2a2823b78d871eaa.jpg\" alt=\"Yuhan Shen portrait\" \/>\n <\/div>\n <div class=\"intro-text\">\n <p class=\"section-label\">01 \u2014 Origin<\/p>\n <h2 class=\"intro-title\">A path that wasn’t<br><em>supposed to exist.<\/em><\/h2>\n <div class=\"body-text\">\n <p>I moved to Los Angeles at sixteen, stepping into a completely new world while figuring out who I wanted to become. My path wasn’t linear. I started at Cal State LA, and transferring to UC Berkeley felt out of reach to most people around me. I heard “that’s unrealistic” more times than I can count.<\/p>\n <p>But I kept going anyway. And I made it.<\/p>\n <p>That experience changed how I see everything. I don’t wait for permission \u2014 I build toward the life I want.<\/p>\n <\/div>\n <blockquote class=\"pullquote\">“I don’t wait for permission \u2014 I build toward the life I want.”<\/blockquote>\n <\/div>\n<\/section>\n\n<div class=\"photo-grid reveal\">\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/b088c58c985806727291f78ed0049278.jpg\" alt=\"Art museum\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/69da36f7fafc5c200334bb9d996b30ad.jpg\" alt=\"Paris\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/ffae7f5a0cb7458f9357fdba93d1e850.jpg\" alt=\"Exploring\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n<\/div>\n\n<section class=\"work-section reveal\">\n <div class=\"work-text\">\n <p class=\"section-label\">02 \u2014 Now<\/p>\n <h2 class=\"work-title\">Making people<br><em>feel something real.<\/em><\/h2>\n <div class=\"body-text\">\n <p>I’m currently pursuing my Master’s in Public Relations & Advertising at USC, where I focus on storytelling that connects emotionally, visually, and strategically. Whether I’m building social media content for an AI startup or running my own photography studio, Nono Studio, I’m always asking the same question: <em>how do we make people feel something real?<\/em><\/p>\n <p>Outside of work, I’m constantly exploring \u2014 new cities, new ideas, new versions of myself. I love traveling, not just for places, but for perspective. I find balance in movement and expression on the tennis court, in the gym, or singing (often louder than necessary).<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"life-section reveal\">\n <div class=\"life-col\">\n <p class=\"life-num\">Explorer<\/p>\n <h3 class=\"life-title\">New cities,<br>new perspective.<\/h3>\n <p class=\"life-body\">I love traveling \u2014 not just for places, but for what it does to how I see the world. Every trip adds a new layer to who I am.<\/p>\n <\/div>\n <div class=\"life-col\">\n <p class=\"life-num\">In Motion<\/p>\n <h3 class=\"life-title\">Tennis, gym,<br>singing loud.<\/h3>\n <p class=\"life-body\">I find balance in movement and expression \u2014 on the court, in the gym, or singing often louder than necessary. These are how I recharge.<\/p>\n <\/div>\n <div class=\"life-col\">\n <p class=\"life-num\">One More Game<\/p>\n <h3 class=\"life-title\">League & Valorant<br>at 2 am.<\/h3>\n <p class=\"life-body\">I tell myself “just one game” and suddenly it’s 2 am. I believe this side matters just as much as the one searching for meaning.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"closing reveal\">\n <h2 class=\"closing-quote\">Still building,<br>still exploring,<br><em>still becoming.<\/em><\/h2>\n <div class=\"closing-body\">\n <p>And then there’s the other side of me: the one who queues up for League of Legends or Valorant, tells myself “just one game,” and suddenly it’s 2 am.<\/p>\n <p>I believe both sides matter \u2014 the one searching for meaning, and the one just having fun.<\/p>\n <p>I’m still building, still exploring, still becoming.<\/p>\n <\/div>\n<\/section>\n\n<footer>\n <span class=\"footer-copy\">\u00a9 2025 Yuhan Shen<\/span>\n <div class=\"footer-links\">\n <a href=\"https:\/\/www.linkedin.com\/in\/yuhan-shen-356039381\/\" target=\"_blank\">LinkedIn<\/a>\n <a href=\"https:\/\/www.instagram.com\/nora_shenyh\/\" target=\"_blank\">Instagram<\/a>\n <a href=\"mailto:example@example.com\">Contact<\/a>\n <\/div>\n<\/footer>\n\n<script>\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n });\n}, { threshold: 0.06 });\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 Yuhan Shen About Me Storyteller.Photographer.Still becoming. Hi, I’m Yuhan \u2014 a storyteller shaped by movement, curiosity, and a quiet refusal to accept “impossible.” Based in Los Angeles, CA Currently at USC Annenberg Studio Nono Studio 01 \u2014 Origin A path that wasn’tsupposed to exist. I moved to Los Angeles at sixteen, stepping into […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-318","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=318"}],"version-history":[{"count":7,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":318,"date":"2026-05-13T22:54:48","date_gmt":"2026-05-13T22:54:48","guid":{"rendered":"https:\/\/yuhanshe.annenbergprhosting.com\/?page_id=318"},"modified":"2026-05-13T23:26:28","modified_gmt":"2026-05-13T23:26:28","slug":"me","status":"publish","type":"page","link":"https:\/\/yuhanshe.annenbergprhosting.com\/?page_id=318","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nAbout \u2014 Yuhan Shen<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --black: #111;\n --white: #fff;\n --muted: #888;\n --border: #e5e5e5;\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'DM Sans', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--white);\n color: var(--black);\n font-family: var(--sans);\n font-weight: 300;\n font-size: 15px;\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HEADER *\/\nheader {\n padding: 2.8rem 4rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--border);\n}\n.logo {\n font-family: var(--serif);\n font-size: 1.15rem;\n font-weight: 400;\n letter-spacing: 0.03em;\n text-decoration: none;\n color: var(--black);\n}\nnav { display: flex; gap: 2.5rem; list-style: none; }\nnav a {\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n text-decoration: none;\n color: var(--muted);\n transition: color 0.2s;\n}\nnav a:hover, nav a.active { color: var(--black); }\n\n\/* HERO *\/\n.hero {\n padding: 5rem 4rem 5rem;\n display: grid;\n grid-template-columns: 5fr 4fr;\n gap: 6rem;\n align-items: end;\n border-bottom: 1px solid var(--border);\n}\n.hero-eyebrow {\n font-size: 0.68rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2rem;\n}\n.hero-heading {\n font-family: var(--serif);\n font-size: clamp(3.8rem, 6vw, 6.5rem);\n font-weight: 300;\n line-height: 0.95;\n letter-spacing: -0.02em;\n}\n.hero-heading em { font-style: italic; }\n.hero-tagline {\n font-size: 1.05rem;\n line-height: 1.75;\n color: #444;\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 1px solid var(--border);\n}\n.hero-facts {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n}\n.fact-label {\n font-size: 0.65rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 0.3rem;\n}\n.fact-value { font-size: 0.85rem; font-weight: 400; }\n\n\/* INTRO *\/\n.intro {\n display: grid;\n grid-template-columns: 1fr 2fr;\n border-bottom: 1px solid var(--border);\n}\n.intro-img { border-right: 1px solid var(--border); overflow: hidden; }\n.intro-img img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n aspect-ratio: 3\/4;\n filter: grayscale(10%);\n transition: filter 0.5s, transform 0.6s;\n}\n.intro-img:hover img { filter: grayscale(0%); transform: scale(1.02); }\n.intro-text {\n padding: 5rem 4rem;\n display: flex; flex-direction: column; justify-content: center;\n}\n.section-label {\n font-size: 0.65rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 2rem;\n display: flex; align-items: center; gap: 1rem;\n}\n.section-label::after { content:''; display:block; height:1px; width:3rem; background:var(--border); }\n.intro-title {\n font-family: var(--serif);\n font-size: clamp(2rem, 3vw, 3rem);\n font-weight: 300; line-height: 1.15;\n margin-bottom: 2rem;\n}\n.intro-title em { font-style: italic; }\n.body-text { font-size: 0.97rem; line-height: 1.9; color: #333; }\n.body-text p + p { margin-top: 1.1em; }\n.pullquote {\n font-family: var(--serif);\n font-size: 1.45rem; font-weight: 300; font-style: italic;\n line-height: 1.5; color: var(--black);\n border-left: 1.5px solid var(--black);\n padding-left: 1.5rem; margin: 2.5rem 0;\n}\n\n\/* PHOTO GRID *\/\n.photo-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-bottom: 1px solid var(--border);\n}\n.pg-item {\n overflow: hidden; position: relative;\n border-right: 1px solid var(--border);\n}\n.pg-item:last-child { border-right: none; }\n.pg-item img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n aspect-ratio: 3\/4;\n filter: grayscale(20%);\n transition: transform 0.7s ease, filter 0.5s ease;\n}\n.pg-item:hover img { transform: scale(1.04); filter: grayscale(0%); }\n.pg-label {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 1.5rem 1.2rem 1rem;\n background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);\n font-size: 0.65rem; letter-spacing: 0.16em; text-transform: uppercase;\n color: rgba(255,255,255,0.85);\n}\n\n\/* WORK SECTION *\/\n.work-section { border-bottom: 1px solid var(--border); }\n.work-text { padding: 5rem 4rem; max-width: 780px; }\n.work-title {\n font-family: var(--serif);\n font-size: clamp(2rem, 3vw, 3rem);\n font-weight: 300; line-height: 1.15; margin-bottom: 2rem;\n}\n.work-title em { font-style: italic; }\n\n\/* LIFE COLUMNS *\/\n.life-section {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n border-bottom: 1px solid var(--border);\n}\n.life-col {\n padding: 4rem 3rem;\n border-right: 1px solid var(--border);\n transition: background 0.3s;\n cursor: default;\n}\n.life-col:last-child { border-right: none; }\n.life-col:hover { background: var(--black); }\n.life-col:hover .life-num { color: #666; }\n.life-col:hover .life-title { color: #fff; }\n.life-col:hover .life-body { color: rgba(255,255,255,0.5); }\n.life-num {\n font-size: 0.62rem; letter-spacing: 0.22em; text-transform: uppercase;\n color: var(--muted); margin-bottom: 2rem; transition: color 0.3s;\n}\n.life-title {\n font-family: var(--serif);\n font-size: 1.6rem; font-weight: 300; line-height: 1.2;\n margin-bottom: 1rem; transition: color 0.3s;\n}\n.life-body {\n font-size: 0.88rem; line-height: 1.75;\n color: var(--muted); transition: color 0.3s;\n}\n\n\/* CLOSING *\/\n.closing {\n padding: 8rem 4rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n border-bottom: 1px solid var(--border);\n}\n.closing-quote {\n font-family: var(--serif);\n font-size: clamp(2.5rem, 4vw, 4rem);\n font-weight: 300; line-height: 1.1; letter-spacing: -0.01em;\n}\n.closing-quote em { font-style: italic; }\n.closing-body { font-size: 0.97rem; line-height: 1.9; color: #333; }\n.closing-body p + p { margin-top: 1em; }\n\n\/* FOOTER *\/\nfooter {\n padding: 3rem 4rem;\n display: flex; justify-content: space-between; align-items: center;\n}\n.footer-copy { font-size: 0.72rem; letter-spacing: 0.1em; color: var(--muted); text-transform: uppercase; }\n.footer-links { display: flex; gap: 2rem; }\n.footer-links a {\n font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;\n text-decoration: none; color: var(--muted); transition: color 0.2s;\n}\n.footer-links a:hover { color: var(--black); }\n\n\/* REVEAL *\/\n.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.75s ease, transform 0.75s ease; }\n.reveal.in { opacity: 1; transform: none; }\n\n\/* MOBILE *\/\n@media (max-width: 900px) {\n header { padding: 1.8rem 2rem; }\n nav { display: none; }\n .hero { grid-template-columns: 1fr; gap: 3rem; padding: 4rem 2rem 3rem; }\n .intro { grid-template-columns: 1fr; }\n .intro-img img { aspect-ratio: 4\/3; }\n .intro-img { border-right: none; border-bottom: 1px solid var(--border); }\n .intro-text { padding: 3rem 2rem; }\n .photo-grid { grid-template-columns: 1fr; }\n .pg-item { border-right: none; border-bottom: 1px solid var(--border); }\n .work-section { grid-template-columns: 1fr; }\n .work-text { padding: 3rem 2rem; }\n .life-section { grid-template-columns: 1fr; }\n .life-col { border-right: none; border-bottom: 1px solid var(--border); }\n .closing { grid-template-columns: 1fr; gap: 2rem; padding: 4rem 2rem; }\n footer { flex-direction: column; gap: 1.5rem; padding: 2.5rem 2rem; text-align: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n<section class=\"hero reveal\">\n <div>\n <p class=\"hero-eyebrow\">About Me<\/p>\n <h1 class=\"hero-heading\">Storyteller.<br>Photographer.<br><em>Still becoming.<\/em><\/h1>\n <\/div>\n <div>\n <p class=\"hero-tagline\">Hi, I’m Yuhan \u2014 a storyteller shaped by movement, curiosity, and a quiet refusal to accept “impossible.”<\/p>\n <div class=\"hero-facts\">\n <div><div class=\"fact-label\">Based in<\/div><div class=\"fact-value\">Los Angeles, CA<\/div><\/div>\n <div><div class=\"fact-label\">Currently at<\/div><div class=\"fact-value\">USC Annenberg<\/div><\/div>\n <div><div class=\"fact-label\">Studio<\/div><div class=\"fact-value\">Nono Studio<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"intro reveal\">\n <div class=\"intro-img\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/05\/db40a696e439490c2a2823b78d871eaa.jpg\" alt=\"Yuhan Shen portrait\" \/>\n <\/div>\n <div class=\"intro-text\">\n <p class=\"section-label\">01 \u2014 Origin<\/p>\n <h2 class=\"intro-title\">A path that wasn’t<br><em>supposed to exist.<\/em><\/h2>\n <div class=\"body-text\">\n <p>I moved to Los Angeles at sixteen, stepping into a completely new world while figuring out who I wanted to become. My path wasn’t linear. I started at Cal State LA, and transferring to UC Berkeley felt out of reach to most people around me. I heard “that’s unrealistic” more times than I can count.<\/p>\n <p>But I kept going anyway. And I made it.<\/p>\n <p>That experience changed how I see everything. I don’t wait for permission \u2014 I build toward the life I want.<\/p>\n <\/div>\n <blockquote class=\"pullquote\">“I don’t wait for permission \u2014 I build toward the life I want.”<\/blockquote>\n <\/div>\n<\/section>\n\n<div class=\"photo-grid reveal\">\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/b088c58c985806727291f78ed0049278.jpg\" alt=\"Art museum\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/69da36f7fafc5c200334bb9d996b30ad.jpg\" alt=\"Paris\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n <div class=\"pg-item\">\n <img decoding=\"async\" src=\"https:\/\/yuhanshe.annenbergprhosting.com\/wp-content\/uploads\/2026\/04\/ffae7f5a0cb7458f9357fdba93d1e850.jpg\" alt=\"Exploring\" \/>\n <span class=\"pg-label\"><\/span>\n <\/div>\n<\/div>\n\n<section class=\"work-section reveal\">\n <div class=\"work-text\">\n <p class=\"section-label\">02 \u2014 Now<\/p>\n <h2 class=\"work-title\">Making people<br><em>feel something real.<\/em><\/h2>\n <div class=\"body-text\">\n <p>I’m currently pursuing my Master’s in Public Relations & Advertising at USC, where I focus on storytelling that connects emotionally, visually, and strategically. Whether I’m building social media content for an AI startup or running my own photography studio, Nono Studio, I’m always asking the same question: <em>how do we make people feel something real?<\/em><\/p>\n <p>Outside of work, I’m constantly exploring \u2014 new cities, new ideas, new versions of myself. I love traveling, not just for places, but for perspective. I find balance in movement and expression on the tennis court, in the gym, or singing (often louder than necessary).<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"life-section reveal\">\n <div class=\"life-col\">\n <p class=\"life-num\">Explorer<\/p>\n <h3 class=\"life-title\">New cities,<br>new perspective.<\/h3>\n <p class=\"life-body\">I love traveling \u2014 not just for places, but for what it does to how I see the world. Every trip adds a new layer to who I am.<\/p>\n <\/div>\n <div class=\"life-col\">\n <p class=\"life-num\">In Motion<\/p>\n <h3 class=\"life-title\">Tennis, gym,<br>singing loud.<\/h3>\n <p class=\"life-body\">I find balance in movement and expression \u2014 on the court, in the gym, or singing often louder than necessary. These are how I recharge.<\/p>\n <\/div>\n <div class=\"life-col\">\n <p class=\"life-num\">One More Game<\/p>\n <h3 class=\"life-title\">League & Valorant<br>at 2 am.<\/h3>\n <p class=\"life-body\">I tell myself “just one game” and suddenly it’s 2 am. I believe this side matters just as much as the one searching for meaning.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"closing reveal\">\n <h2 class=\"closing-quote\">Still building,<br>still exploring,<br><em>still becoming.<\/em><\/h2>\n <div class=\"closing-body\">\n <p>And then there’s the other side of me: the one who queues up for League of Legends or Valorant, tells myself “just one game,” and suddenly it’s 2 am.<\/p>\n <p>I believe both sides matter \u2014 the one searching for meaning, and the one just having fun.<\/p>\n <p>I’m still building, still exploring, still becoming.<\/p>\n <\/div>\n<\/section>\n\n<footer>\n <span class=\"footer-copy\">\u00a9 2025 Yuhan Shen<\/span>\n <div class=\"footer-links\">\n <a href=\"https:\/\/www.linkedin.com\/in\/yuhan-shen-356039381\/\" target=\"_blank\">LinkedIn<\/a>\n <a href=\"https:\/\/www.instagram.com\/nora_shenyh\/\" target=\"_blank\">Instagram<\/a>\n <a href=\"mailto:example@example.com\">Contact<\/a>\n <\/div>\n<\/footer>\n\n<script>\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n });\n}, { threshold: 0.06 });\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 Yuhan Shen About Me Storyteller.Photographer.Still becoming. Hi, I’m Yuhan \u2014 a storyteller shaped by movement, curiosity, and a quiet refusal to accept “impossible.” Based in Los Angeles, CA Currently at USC Annenberg Studio Nono Studio 01 \u2014 Origin A path that wasn’tsupposed to exist. I moved to Los Angeles at sixteen, stepping into […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-318","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=318"}],"version-history":[{"count":7,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=\/wp\/v2\/pages\/318\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/yuhanshe.annenbergprhosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}