@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:#f5f7f8;background:#14232c;font-family:'DM Sans',Arial,sans-serif;min-height:100svh}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:110px 110px;pointer-events:none}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 15%,#7f9ba9a0,transparent 48%),radial-gradient(ellipse at 17% 70%,#49778ba0,transparent 46%),linear-gradient(125deg,#10191e,#233c4b 55%,#0b151b)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #c2eaff;outline-offset:5px}.page-header{max-width:1440px;padding:34px 48px;display:flex;align-items:center;justify-content:space-between;margin:auto}.page-header img{width:121px;max-height:48px}.page-header>span{font-size:12px;letter-spacing:2.6px;color:#d1dce2}main{padding:12px 20px 44px;display:grid;place-items:center}.card{width:min(100%,438px);padding:23px;border:1px solid #ffffff69;border-radius:34px;background:linear-gradient(145deg,#e6f6ff25,#bbd7e010 58%,#d2e8f219);box-shadow:inset 0 1px 0 #ffffff44,0 28px 80px #0005;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);position:relative;overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff0c,transparent 42%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center}.chip{font-size:12px;letter-spacing:1.7px;padding:9px 12px;background:#142936a8;border:1px solid #ffffff2b;border-radius:8px;box-shadow:0 3px 8px #0002}.edition{font-size:12px;letter-spacing:1.6px;color:#ccdae0}.identity{padding:28px 5px 23px;position:relative}.monogram{position:absolute;right:4px;top:28px;width:65px;height:65px;border:1px solid #ffffff61;background:linear-gradient(145deg,#ffffff24,#ffffff05);box-shadow:inset 0 1px 0 #fff4,0 8px 18px #0001;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:29px;letter-spacing:-3px;font-weight:500}.monogram span{font-size:21px;align-self:flex-start;letter-spacing:0;margin-top:8px}.eyebrow{font-size:12px;letter-spacing:2px;color:#d3e0e7;margin:0 0 17px}h1{font-family:'Manrope',Arial,sans-serif;font-size:49px;line-height:1.09;letter-spacing:-2.7px;font-weight:500;margin:0;position:relative}h1>span:not(.star){color:#d1e2eb}.star{position:absolute;right:1px;bottom:-3px;font-size:56px;color:#adcbdc;font-weight:400}.role{margin:14px 0 0;font-size:16px;color:#d4dfe5}.save{height:52px;display:flex;align-items:center;justify-content:center;gap:11px;color:#20333f;background:linear-gradient(#f4f9fc,#dceaf1);box-shadow:inset 0 1px 0 white,0 4px 14px #0002;border:1px solid #fff9;border-radius:14px;font-size:16px;font-weight:700}.save svg,.quick-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.quick-links a{min-height:78px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px}.socials{display:flex;justify-content:space-between;gap:10px;padding:23px 4px;font-size:14px;color:#e1e9ed}.save,.quick-links a,.socials a,.portfolio{transition:transform .2s,background .2s}.save:hover{transform:translateY(-2px)}.quick-links a:hover{background:#ffffff1d}.socials a:hover{text-decoration:underline;text-underline-offset:5px}.portfolio{height:203px;display:block;position:relative;overflow:hidden;border-radius:21px;border:1px solid #ffffff40}.portfolio>img{height:100%;width:100%;object-fit:cover;object-position:center 44%;transition:transform .5s}.portfolio:hover>img{transform:scale(1.045)}.portfolio-shade{position:absolute;inset:0;background:linear-gradient(#15242a48,#10202918 25%,#101e2adc)}.project-label{position:absolute;left:19px;top:18px;font-size:11px;letter-spacing:1.7px;color:white}.project-bottom{position:absolute;bottom:18px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:flex-end}.project-bottom>span:first-child{font-family:'Manrope',Arial,sans-serif;font-size:31px;line-height:1.05;letter-spacing:-1.1px}.view-work{font-size:12px;border:1px solid #ffffff6b;border-radius:20px;padding:8px 11px;background:#ffffff17;backdrop-filter:blur(10px)}.card-footer{display:flex;justify-content:space-between;gap:8px;padding:18px 2px 0;font-size:9px;letter-spacing:1px;color:#ccd8e0}.page-footer{max-width:1440px;margin:0 auto;padding:0 48px 30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.7px;color:#a9bfc9}.page-footer a{font-size:13px;letter-spacing:0}@media(min-width:900px){main{padding-top:4px}.card{margin-bottom:10px}}@media(max-width:520px){.page-header{padding:25px 25px 24px}.page-header img{width:101px}.page-header>span{font-size:9px;letter-spacing:1.3px;max-width:122px;text-align:right;line-height:1.6}main{padding:0 14px 26px}.card{padding:21px;border-radius:30px}.identity{padding-top:29px}h1{font-size:46px}.page-footer{padding:0 25px 24px;justify-content:center}.page-footer>span{display:none}.portfolio{height:192px}.card-footer{font-size:8px;letter-spacing:.65px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:350px){.card{padding:16px}.socials{font-size:12px;gap:6px}h1{font-size:40px}.monogram{width:54px;height:54px}.card-footer{flex-wrap:wrap}}

.portrait{position:absolute;right:0;top:29px;width:96px;height:112px;object-fit:cover;object-position:50% 17%;border-radius:21px;border:1px solid #ffffff70;box-shadow:0 8px 24px #0002}.identity .eyebrow{max-width:calc(100% - 106px);line-height:1.5}.identity h1{font-size:45px}.identity .star{bottom:-23px;font-size:35px;right:7px}.contact-details{margin-top:17px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:5px 2px}.contact-details a{display:flex;flex-direction:column;gap:5px;padding:11px 3px}.contact-details a+a{border-top:1px solid #ffffff15}.contact-details span{font-size:11px;letter-spacing:1.6px;color:#c2d4de}.contact-details strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.contact-details a:hover strong{text-decoration:underline;text-underline-offset:4px}@media(max-width:380px){.portrait{width:79px;height:100px}.identity h1{font-size:38px}.identity .eyebrow{font-size:10px}.identity .star{bottom:-24px}}

/* Fluid single-column card, expanding to a two-column desktop layout. */
.card{width:min(100%,438px)}.identity h1{font-size:clamp(2.1rem,10vw,2.85rem)}.portrait{width:clamp(70px,22vw,96px);height:clamp(88px,26vw,112px)}.card-footer{font-size:10px;flex-wrap:wrap;line-height:1.5}.socials{flex-wrap:wrap;row-gap:15px}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.page-header{gap:24px}.connect-column,.profile-column{min-width:0}.contact-details strong{font-size:clamp(.9rem,3.8vw,1rem)}
@media(min-width:760px){main{padding:30px 32px 50px;min-height:calc(100svh - 170px)}.card{width:min(100%,920px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;padding:32px;border-radius:36px}.card-top{grid-column:1/-1;margin-bottom:25px}.profile-column{grid-column:1;grid-row:2}.identity{padding:0 4px 30px;min-height:365px}.portrait{position:relative;top:auto;right:auto;display:block;width:116px;height:132px;margin-bottom:24px;border-radius:24px;object-position:50% 17%}.identity .eyebrow{max-width:none;margin-bottom:14px}.identity h1{font-size:clamp(2.7rem,5vw,3.5rem)}.identity .star{right:12px;bottom:0;font-size:45px}.role{margin-top:16px}.connect-column{grid-column:2;grid-row:2;align-self:center}.portfolio{grid-column:1/-1;height:230px;margin-top:8px}.portfolio>img{object-position:50% 46%}.project-bottom>span:first-child{font-size:36px}.card-footer{grid-column:1/-1;padding-top:20px}.socials{padding-bottom:12px}.page-footer{padding-bottom:26px}}
@media(min-width:1200px){.card{column-gap:64px;padding:34px 38px;width:960px}.portfolio{height:240px}.page-header{padding-top:30px;padding-bottom:20px}}
@media(max-width:359px){.card{padding:16px}.identity{padding-left:0}.identity h1{font-size:2.05rem}.identity .eyebrow{max-width:calc(100% - 85px)}.quick-links a{font-size:12px}.project-bottom{gap:8px}.view-work{padding:7px;font-size:11px}.page-header{padding-inline:20px}.card-footer{font-size:9px}}
.socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:16px 0}.socials a{min-height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff59;border-radius:11px;background:#ffffff08;font-size:12px;transition:background .2s,border-color .2s}.socials a:hover{background:#ffffff1c;border-color:#ffffffa0;text-decoration:none}@media(max-width:359px){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}.socials a{font-size:14px}}@media(min-width:760px){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}.socials a{font-size:14px}}
/* Give the portrait a prominent, dedicated area at every screen size. */
.identity .portrait{position:relative;top:auto;right:auto;display:block;width:100%;height:300px;object-fit:cover;object-position:50% 23%;border-radius:22px;margin:0 0 24px}.identity .eyebrow{max-width:none}.identity .star{bottom:24px}.identity{padding-top:24px}
@media(min-width:760px){.identity{padding-top:0}.identity .portrait{height:340px;margin-bottom:24px}.identity .star{bottom:32px}.connect-column{align-self:center}}
@media(max-width:359px){.identity .portrait{height:260px}.identity .eyebrow{max-width:none}}

/* Original-resolution portrait with its full frame and mobile name overlay. */
.identity .portrait{height:auto;width:100%;aspect-ratio:802/1045;object-fit:contain;object-position:center;display:block;image-rendering:auto}.identity-copy{position:relative}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links .email-action{grid-column:1/-1;flex-direction:row;min-height:70px;gap:13px;text-align:left}.email-action small{display:block;font-size:14px;font-weight:400;margin-top:5px;overflow-wrap:anywhere}.email-action span{min-width:0}.quick-links .email-action svg{flex-shrink:0;width:24px;height:24px}
@media(max-width:759px){.identity{padding:0;margin:24px 0 20px;border-radius:22px;overflow:hidden;isolation:isolate}.identity .portrait{margin:0;border:0;border-radius:22px;box-shadow:none}.identity:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,20,27,.38) 32%,rgba(10,20,27,.93) 100%);z-index:1;pointer-events:none}.identity-copy{position:absolute;bottom:0;left:0;right:0;padding:24px 22px;z-index:2}.identity .eyebrow{font-size:11px;margin-bottom:10px;color:#e3edf3}.identity h1{font-size:clamp(2rem,9vw,3.1rem);line-height:1.05;color:white}.identity h1>span:not(.star){color:white}.identity .role{margin-top:10px;color:#e3edf3}.identity .star{bottom:0;right:0;font-size:32px}}
@media(min-width:760px){.identity .portrait{max-height:none;margin-bottom:24px}.identity{padding-bottom:10px}.identity-copy .star{bottom:0}}

.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-links .email-action{grid-row:2;grid-column:1/-1}

/* Contact order and relaxed name typography. */
.identity h1,.desktop-identity h2{letter-spacing:0;font-weight:500;line-height:1.15}.desktop-identity{display:none}.quick-links .email-action{grid-row:auto;grid-column:auto;flex-direction:column;min-height:78px;gap:8px;text-align:center}.quick-links .email-action svg{width:21px;height:21px}.quick-links .website-action{grid-row:2;grid-column:1/-1;flex-direction:row;min-height:58px;gap:12px}.quick-links a{font-size:14px}
@media(min-width:760px){.profile-column .identity-copy{display:none}.identity{padding:0;min-height:0}.identity .portrait{margin:0}.desktop-identity{display:block;margin-bottom:27px}.desktop-identity .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:2px}.desktop-identity h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(2.3rem,4vw,3rem);margin:0;position:relative}.desktop-identity h2>span:not(.star){color:#d1e2eb}.desktop-identity .star{font-size:32px;right:0;bottom:3px}.desktop-identity .role{margin-top:12px}.connect-column{align-self:center}.portfolio{margin-top:25px}}

.star{display:block;width:1em;height:1em;line-height:1}.star svg{display:block;width:100%;height:100%}.identity .portrait{aspect-ratio:492/663}

.identity .portrait{aspect-ratio:456/615}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}

.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:759px){.identity h1{font-size:clamp(1.8rem,8vw,2.7rem)}}