.personal-page{font-family:DM Sans,Arial,sans-serif;background:#fff}.personal-page .site-header{position:relative;border-bottom:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.personal-page .brand{font-family:Fraunces,Georgia,serif;font-size:1.25rem;letter-spacing:-.06em}.personal-page .personal-back{padding:0;border:0;border-radius:0;color:var(--text);background:transparent;font-size:.86rem;font-weight:600}.personal-page .personal-back:hover{color:var(--accent-2);background:transparent}.personal-page .personal-hero{position:relative;overflow:visible;border-bottom:0;background:#fff}.personal-page .personal-hero-inner{position:relative;padding-top:82px;padding-bottom:68px}.personal-page .personal-hero-inner:after,.personal-page .personal-hero.has-hero-image .personal-hero-inner:after{content:none}.personal-page .personal-hero.has-hero-image .personal-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,355px);align-items:center;gap:clamp(32px,5vw,82px);padding-top:62px;padding-bottom:54px}.personal-page .personal-hero-content{min-width:0}.personal-page .personal-hero h1,.personal-page .personal-hero.has-hero-image h1{max-width:none;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:clamp(4rem,7vw,6.5rem);font-weight:600;line-height:.98;letter-spacing:-.065em}.personal-page .personal-hero h1 span,.personal-page .personal-hero h1 code{display:block;white-space:nowrap}.personal-page .personal-hero h1 code{margin:8px 0 0 clamp(12px,3vw,48px);color:var(--accent-2);background:transparent;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.94em;font-weight:600;font-style:normal;letter-spacing:-.055em}.personal-page .personal-hero #personal-intro{max-width:550px;margin:34px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.personal-page .personal-hero-topics{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;margin-top:43px;padding-top:0;border-top:0}.personal-page .personal-hero-topics[hidden]{display:none}.personal-page .personal-hero-topics span{padding:0;border:0;border-radius:0;background:transparent}.personal-page .personal-hero-topics .personal-index-label{color:var(--muted);font-family:Fraunces,Georgia,serif;font-size:.98rem;font-weight:600;font-style:italic}.personal-index-links{display:flex;flex-wrap:wrap;gap:8px 20px}.personal-index-links a{padding-bottom:2px;border-bottom:1px solid transparent;color:var(--text);font-size:.83rem;font-weight:600}.personal-page .personal-index-links a span{margin-right:7px;color:var(--accent-2);font-size:.72rem;font-weight:700}.personal-index-links a:hover{border-color:var(--accent);color:var(--accent-2)}.personal-index-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.personal-page .personal-hero-art{position:relative;z-index:2;width:100%;max-width:355px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(14px,48px) rotate(-2deg)}.personal-page .personal-hero-art:before{content:none}.personal-page .personal-hero-art img{position:relative;width:100%;max-height:none;border-radius:0;object-fit:contain;clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,0 100%)}.personal-page .personal-sections{padding-top:88px;padding-bottom:124px}.personal-page .personal-section{margin:0;padding:0;border:0;scroll-margin-top:32px}.personal-page .personal-section+.personal-section{margin-top:98px}.personal-page #notes{margin-top:132px}.personal-page #hobbies{margin-top:68px;margin-left:min(4vw,48px)}.personal-page #watchlist{margin-top:124px}.personal-page #favorite-watches{margin-top:72px;margin-left:min(2vw,26px)}.personal-page #favorite-music{margin-top:134px}.personal-page .personal-section-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;margin:0 0 36px;padding-top:0;border-top:0}.personal-section-number{color:var(--accent-2);font-family:DM Sans,Arial,sans-serif;font-size:.83rem;font-weight:700;letter-spacing:.03em}.personal-page .personal-section-heading h2,.personal-page .spotify-copy h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:600;line-height:1.1;letter-spacing:-.045em}.personal-page .spotify-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:36px;padding:0;border:0}.personal-page .spotify-copy{display:grid;grid-template-columns:64px minmax(0,1fr);align-self:start}.personal-page .spotify-copy-main>p{max-width:350px;margin:9px 0 0;color:var(--muted);font-size:.9rem}.personal-page .spotify-section iframe{display:block;width:100%;max-width:none;height:152px;justify-self:stretch;border:0;border-radius:0;background:var(--accent-soft);clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px))}.personal-page .personal-card-link{display:inline-block;margin-top:17px;border-bottom:1px solid var(--accent);color:var(--accent-2);font-size:.83rem;font-weight:700}.personal-page .personal-card-link:hover{text-decoration:none;border-color:var(--text)}.personal-page .personal-section>:is(.personal-card-grid,.watch-grid,.personal-show-more){margin-left:64px}.personal-page .personal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px}.personal-page .personal-card-grid.personal-extra{margin-top:0}.personal-page .personal-extra[hidden]{display:none}.personal-page .personal-card{overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.personal-page .personal-card h3{font-family:Fraunces,Georgia,serif;font-size:1.42rem;font-weight:600;line-height:1.2}.personal-page .personal-card p:not(.personal-card-meta){line-height:1.7}.personal-page .personal-note-image{max-height:330px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,0 100%)}.personal-page .watch-grid{gap:34px 42px}.personal-page #watchlist .watch-grid{grid-template-columns:minmax(0,750px)}.personal-page .watch-entry{grid-template-columns:80px minmax(0,1fr);gap:21px;padding:0;border-top:0;border-bottom:0}.personal-page .watch-visual{width:80px;min-height:108px}.personal-page .watch-visual img{width:80px;border-radius:0;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 93%,93% 100%,0 100%)}.personal-page .watch-visual span{color:var(--accent);font-family:Fraunces,Georgia,serif;font-size:2.6rem;font-style:italic}.personal-page .watch-copy h3{font-family:Fraunces,Georgia,serif;font-size:1.32rem;font-weight:600;line-height:1.2}.personal-page .watch-copy p:not(.personal-card-meta){max-width:42ch;margin-top:10px;line-height:1.6}.personal-page .personal-show-more{margin-top:22px;padding:0 0 3px;border-bottom:1px solid var(--accent);border-radius:0}.personal-page .personal-empty{max-width:720px;margin:30px 0;padding:20px 0;border:0;border-left:0;border-radius:0;background:transparent;text-align:left}.personal-page .personal-empty>span{display:none}.personal-page .personal-empty h2{font-family:Fraunces,Georgia,serif;font-size:2rem}.personal-page .footer{border-top:0}@media(max-width:800px){.personal-page .personal-hero.has-hero-image .personal-hero-inner{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:28px}.personal-page .personal-hero h1,.personal-page .personal-hero.has-hero-image h1{font-size:clamp(2.9rem,6vw,5.5rem)}.personal-page .spotify-section{grid-template-columns:1fr;gap:23px}.personal-page .spotify-section iframe{max-width:620px;margin-left:64px;width:calc(100% - 64px)}}@media(max-width:600px){.personal-page .personal-hero.has-hero-image .personal-hero-inner{grid-template-columns:1fr;justify-items:stretch;gap:18px;padding-top:55px;padding-bottom:0}.personal-page .personal-hero h1,.personal-page .personal-hero.has-hero-image h1{font-size:clamp(2.4rem,10.5vw,4.2rem)}.personal-page .personal-hero h1 code{margin-left:12px}.personal-page .personal-hero #personal-intro{margin-top:27px;font-size:.95rem}.personal-page .personal-hero-topics{grid-template-columns:1fr;gap:9px;margin-top:32px}.personal-index-links{gap:7px 15px}.personal-page .personal-hero-art{width:min(57vw,235px);justify-self:end;transform:translate(-12px,30px) rotate(-2deg)}.personal-page .personal-sections{padding-top:94px;padding-bottom:72px}.personal-page .personal-section+.personal-section,.personal-page #notes,.personal-page #hobbies,.personal-page #watchlist,.personal-page #favorite-watches,.personal-page #favorite-music{margin-top:80px;margin-left:0}.personal-page .personal-section-heading{grid-template-columns:42px minmax(0,1fr);margin-bottom:24px}.personal-page .personal-section-heading h2,.personal-page .spotify-copy h2{font-size:clamp(2rem,9vw,2.8rem)}.personal-page .spotify-copy{grid-template-columns:42px minmax(0,1fr)}.personal-page .spotify-section iframe{width:100%;margin-left:0}.personal-page .personal-section>:is(.personal-card-grid,.watch-grid,.personal-show-more){margin-left:0}.personal-page .personal-card-grid,.personal-page .watch-grid{grid-template-columns:1fr}.personal-page .watch-entry{grid-template-columns:70px minmax(0,1fr);gap:16px}.personal-page .watch-visual{width:70px;min-height:94px}.personal-page .watch-visual img{width:70px}}