.personal-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:center;gap:6%;padding-top:65px;padding-bottom:65px}
.hero-copy{min-width:0;position:relative;z-index:1}
.personal-hero h1{font-size:clamp(32px,4.4vw,60px);letter-spacing:-1px;margin:26px 0}
.hero-introduction{max-width:650px}
.hero .hero-introduction p{font-size:18px;line-height:1.95;color:#586267;margin:0}
.personal-hero .button{width:max-content;max-width:100%;margin-top:28px}
.portrait-composition{position:relative;margin:15px 12px 15px 0;padding:0 14px;justify-self:center;width:100%;max-width:355px}
.portrait-composition:before{content:"";position:absolute;inset:24px -3px -15px 30px;background:#d9eef0;border-radius:4px;transform:rotate(5deg)}
.portrait-composition:after{content:"";position:absolute;width:75px;height:23px;background:#fa788bc7;right:5px;top:4px;transform:rotate(27deg)}
.portrait-frame{position:relative;background:#fff;padding:11px 11px 0;box-shadow:0 9px 26px #294d501c;transform:rotate(-3deg);border:1px solid #e3e7e8}
.portrait-frame img{display:block;width:100%;height:auto}
.portrait-frame figcaption{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;font-size:16px;font-weight:700}
.portrait-frame figcaption span{font-size:12px;letter-spacing:2px;font-weight:400;color:#687277}
.personal-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 60px;align-items:center;background:linear-gradient(145deg,#fff 50%,#f2f8f8)}
.personal-about .about-story h2{font-size:clamp(32px,3.6vw,46px);margin-bottom:28px}
.curiosity-story{margin-bottom:27px}
.curiosity-story p{font-size:16px;line-height:2;color:#586267;margin:0 0 17px}
.curiosity-story .curiosity-lead{font-size:21px;line-height:1.65;color:var(--ink);border-left:4px solid var(--pink);padding-left:16px;margin-bottom:22px}
.curiosity-lead strong{font-weight:600;background:linear-gradient(transparent 68%,#d9eef0 68%)}
.life-collage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;aspect-ratio:3/4;width:100%;max-width:520px;justify-self:center;padding:10px 5px}
.snapshot{position:relative;min-width:0;min-height:0;margin:0;background:white;padding:6px;box-shadow:0 4px 14px #294d5025;border:1px solid #e8eeee}
.snapshot-window{position:relative;overflow:hidden;width:100%;height:100%}
.snapshot img{position:absolute;display:block;max-width:none;object-fit:fill}
.snapshot-friends-one{grid-column:1;grid-row:1;transform:rotate(-4deg);z-index:2}
.snapshot-friends-one img{width:300%;height:374.532%;left:0;top:0}
.snapshot-friends-two{grid-column:1;grid-row:2;transform:rotate(2deg)}
.snapshot-friends-two img{width:300%;height:429.185%;left:0;top:-114.592%}
.snapshot-racing{grid-column:2/4;grid-row:1/3;transform:rotate(1.5deg)}
.snapshot-racing img{width:150%;height:200%;left:-50%;top:0}
.snapshot-event{grid-column:1/3;grid-row:3/5;transform:rotate(-2deg);z-index:1}
.snapshot-event img{width:150%;height:200%;left:0;top:-100%}
.snapshot-tickets{grid-column:3;grid-row:3/5;transform:rotate(4deg)}
.snapshot-tickets img{width:300%;height:200%;left:-200%;top:-100%}
.snapshot-racing:after{content:"";position:absolute;top:-10px;left:35%;width:62px;height:21px;background:#6bb5bec7;transform:rotate(-7deg)}
.snapshot-event:after{content:"";position:absolute;bottom:-9px;left:15%;width:62px;height:21px;background:#fa788bbf;transform:rotate(8deg)}
.about-background{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #dbe5e6;padding-top:12px;margin-top:8px}
.about-background h3{font-size:18px}
.about-background p{font-size:16px;color:#586267}
@media(max-width:1000px){.personal-hero{gap:4%;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.hero .hero-introduction p{font-size:17px}.personal-about{gap:35px}.curiosity-story .curiosity-lead{font-size:19px}.life-collage{gap:8px}.snapshot{padding:4px}}
@media(max-width:700px){.personal-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:35px}.personal-hero h1{font-size:clamp(32px,7.8vw,44px)}.hero .hero-introduction p{font-size:17px}.portrait-composition{max-width:280px;margin:8px auto 15px}.personal-about{grid-template-columns:1fr;gap:35px}.life-collage{max-width:430px;width:calc(100% - 14px);margin:8px auto 15px}.about-background{grid-template-columns:1fr;gap:0}.curiosity-story p{line-height:1.95}.personal-about .email{font-size:16px}}
.personal-hero{border-bottom:1px solid #e7eaeb}
nav #open-contact{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}
nav #open-contact:hover{color:#267781}
#contact-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border-top:5px solid var(--teal);box-shadow:0 15px 60px #17232633}
#contact-dialog .dialog-head h2{font-size:25px}
.contact-list{margin:26px 0 4px}
.contact-list>div+div{margin-top:22px}
.contact-list dt{font-size:14px;color:var(--muted);margin-bottom:6px}
.contact-list dd{margin:0;font-size:20px;overflow-wrap:anywhere}
.contact-list a{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:6px}