/* Cloud Dive — About and résumé styles */
.cd-about{ padding-bottom:clamp(4rem,8vw,7rem); }
.cd-about-layout{ display:grid; grid-template-columns:minmax(315px,.72fr) minmax(0,1.28fr); gap:clamp(2.1rem,4.2vw,4.7rem); align-items:start; }
.cd-about-profile{ min-width:0; position:sticky; top:100px; align-self:start; }
.cd-profile-stage{ perspective:1180px; }
.cd-profile-card{
  --profile-glow-x:50%; --profile-glow-y:38%; --profile-px:0px; --profile-py:0px;
  position:relative; padding:13px; overflow:visible;
  background:radial-gradient(circle at var(--profile-glow-x) var(--profile-glow-y),rgba(255,255,255,.55),transparent 18%),linear-gradient(145deg,#ece8ff 0%,#e0dbff 34%,#d6f2ff 66%,#fff2b5 100%);
  border:3px solid #111; border-radius:22px; box-shadow:8px 8px 0 var(--shadow-color);
  transform-style:preserve-3d; will-change:transform,box-shadow; transition:box-shadow .18s var(--ease);
}
.cd-profile-card::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.09; border-radius:inherit; background:linear-gradient(rgba(17,17,17,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.34) 1px,transparent 1px); background-size:26px 26px; }
.cd-profile-rail{ position:relative; z-index:5; min-height:22px; display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:5px; padding-inline:2px; color:rgba(17,17,17,.72); font:900 .44rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; letter-spacing:.075em; text-transform:uppercase; }
.cd-profile-status{ display:inline-flex; align-items:center; gap:6px; }
.cd-profile-status i{ width:6px; height:6px; background:var(--green); border:1px solid #111; border-radius:50%; }
.cd-profile-portrait{ position:relative; z-index:2; min-height:452px; margin-top:1px; transform-style:preserve-3d; }
.cd-profile-backdrop{ position:absolute; border:2px solid #111; border-radius:24px; }
.cd-profile-backdrop-a{ inset:14px 21px 17px 3px; background:linear-gradient(145deg,#d5ceff,#bdeefa); transform:translate3d(calc(-7px + var(--profile-px)*-.05),calc(8px + var(--profile-py)*-.05),-46px) rotate(-2.6deg); box-shadow:6px 6px 0 #111; }
.cd-profile-backdrop-b{ inset:7px 4px 21px 23px; background:linear-gradient(150deg,#f9e790,#ffd84f 45%,#bcecf6); transform:translate3d(calc(8px + var(--profile-px)*.045),calc(-6px + var(--profile-py)*.045),-18px) rotate(1.9deg); box-shadow:5px 5px 0 #111; }
.cd-profile-frame{ position:absolute; inset:21px 16px 18px; transform-style:preserve-3d; isolation:isolate; }
.cd-profile-frame::before{ content:""; position:absolute; z-index:0; inset:-8px; border:2px solid #111; border-radius:27px; background:conic-gradient(from -35deg,var(--yellow) 0 15%,#b8f0fa 15% 37%,#cfc6ff 37% 61%,var(--pink) 61% 77%,var(--yellow) 77% 100%); box-shadow:5px 5px 0 #111; transform:translateZ(4px); }
.cd-profile-frame::after{ content:""; position:absolute; z-index:0; inset:-2px; border:2px solid #111; border-radius:22px; pointer-events:none; transform:translateZ(12px); }
.cd-profile-shell{ position:absolute; z-index:1; inset:0; overflow:hidden; border-radius:19px; background:radial-gradient(circle at var(--profile-glow-x) var(--profile-glow-y),rgba(255,255,255,.34),transparent 23%),linear-gradient(145deg,#d8d1ff 0%,#caeff7 54%,#f8dc71 100%); box-shadow:0 0 0 2px #111,5px 5px 0 rgba(17,17,17,.82); transform:translateZ(22px); }
.cd-profile-shell::before{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.48; background:linear-gradient(rgba(17,17,17,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.07) 1px,transparent 1px); background-size:24px 24px; }
.cd-profile-shell::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 36%); }
.cd-profile-photo-plate{ position:absolute; z-index:2; inset:8px; overflow:hidden; border-radius:12px; background:#111; box-shadow:0 0 0 2px #111; transform:translateZ(18px); }
.cd-profile-fallback{ position:absolute; inset:0; z-index:1; display:grid; place-items:center; background:linear-gradient(140deg,#8ccaff,#c5a6ff 52%,#ff97d8); color:#111; font:900 clamp(5rem,12vw,9rem)/1 ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif; letter-spacing:-.08em; }
.cd-profile-photo{ position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.035) contrast(1.015); transform:translate3d(0,0,0) scale(1.075); will-change:transform; }
.cd-profile-photo.is-unavailable{ display:none; }
.cd-corner{ position:absolute; z-index:4; width:13px; height:13px; border-color:#111; border-style:solid; opacity:.82; transform:translateZ(38px); }
.cd-corner-a{ left:7px; top:7px; border-width:2px 0 0 2px; }.cd-corner-b{ right:7px; top:7px; border-width:2px 2px 0 0; }.cd-corner-c{ left:7px; bottom:7px; border-width:0 0 2px 2px; }.cd-corner-d{ right:7px; bottom:7px; border-width:0 2px 2px 0; }
.cd-sticker-pack{ position:absolute; inset:0; z-index:8; pointer-events:none; transform-style:preserve-3d; }
.cd-sticker{ position:absolute; display:inline-flex; align-items:center; justify-content:center; border:2px solid #111; color:#111; box-shadow:2px 2px 0 #111; white-space:nowrap; font:950 .46rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; letter-spacing:.045em; text-transform:uppercase; backface-visibility:hidden; }
.cd-sticker-pattern{ left:-2px; top:17px; padding:6px 8px; background:var(--yellow); border-radius:7px; transform:translate3d(calc(var(--profile-px)*-.08),calc(var(--profile-py)*-.08),49px) rotate(-3deg); }
.cd-sticker-break{ right:-8px; bottom:20px; padding:7px 9px; background:var(--pink); border-radius:999px; transform:translate3d(calc(var(--profile-px)*.10),calc(var(--profile-py)*.10),58px) rotate(3.5deg); }
.cd-sticker-cloud{ right:-6px; top:72px; padding:6px 8px; background:var(--cyan); border-radius:7px; transform:translate3d(calc(var(--profile-px)*.06),calc(var(--profile-py)*-.06),44px) rotate(2deg); }
.cd-profile-identity{ position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:9px 10px; background:#fffdf6; color:#111; border:2px solid #111; border-radius:9px; box-shadow:2px 2px 0 #111; }
.cd-profile-identity > div{ display:grid; gap:1px; }.cd-profile-identity strong{ font-size:.96rem; }.cd-profile-identity span{ font:800 .59rem/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; text-transform:uppercase; }
.cd-profile-identity .cd-profile-chip{ padding:5px 7px; background:var(--green); color:#111; border:1.5px solid #111; border-radius:999px; font-size:.44rem; }
.cd-profile-links{ position:relative; z-index:5; display:flex; gap:9px; margin-top:10px; perspective:700px; }.cd-profile-links a.cd-profile-link{ position:relative; flex:1; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 11px; color:#111; border:2px solid #111; border-radius:9px; box-shadow:5px 5px 0 #111; text-align:left; transform:translate3d(0,0,18px); transform-style:preserve-3d; font:900 .56rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; transition:transform .16s var(--ease),box-shadow .16s var(--ease),filter .16s ease; }

.cd-about-copy{ min-width:0; padding-top:3px; }
.cd-about-statement{ display:grid; width:max-content; max-width:100%; margin:16px 0 0; font-size:clamp(3.65rem,7vw,7rem); font-weight:900; line-height:.82; letter-spacing:-.08em; text-transform:uppercase; }
.cd-about-statement span{ display:block; }.cd-about-statement .one{ color:var(--ink); }.cd-about-statement .two{ margin-left:.75em; color:var(--brand); }.cd-about-statement .three{ width:max-content; max-width:100%; margin-left:.20em; padding:.04em .12em .08em; background:var(--yellow); color:#111; border:2px solid #111; border-radius:.08em; box-shadow:3px 3px 0 #111; -webkit-text-stroke:0 transparent; paint-order:normal; text-shadow:none; }
.cd-about-intro, .cd-about-section{ margin-top:clamp(2.35rem,4vw,3.55rem); padding-top:17px; border-top:2px solid color-mix(in srgb,var(--border) 78%,transparent); }
.cd-section-head{ display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:17px; }
.cd-section-label{ --label-accent:var(--brand); position:relative; display:flex; flex-direction:column; align-items:flex-start; width:max-content; max-width:100%; color:var(--ink); font-family:ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif; font-size:clamp(.82rem,1vw,.98rem); font-weight:950; line-height:1; letter-spacing:.018em; text-transform:uppercase; }
.cd-section-label::after{ content:""; display:block; width:82px; max-width:100%; height:5px; margin-top:9px; background:var(--label-accent); border:1.5px solid #111; border-radius:999px; box-shadow:1.5px 1.5px 0 #111; }
.cd-label-intro{ --label-accent:var(--brand); font-size:clamp(.84rem,1.02vw,1rem); line-height:1.05; }.cd-label-work{ --label-accent:var(--cyan); }.cd-label-think{ --label-accent:var(--yellow); }.cd-label-focus{ --label-accent:var(--green); }.cd-label-why{ --label-accent:var(--yellow); }
.cd-label-work, .cd-label-think{ min-height:38px; justify-content:center; padding-left:15px; }
.cd-label-work::before, .cd-label-think::before{ content:""; position:absolute; left:0; top:1px; bottom:1px; width:5px; background:var(--label-accent); border:1.5px solid #111; border-radius:999px; box-shadow:1.5px 1.5px 0 #111; }
.cd-label-work::after, .cd-label-think::after{ display:none; }
.cd-color-heading{ width:100%; max-width:none; margin:0; color:var(--ink); text-align:left; text-wrap:balance; font-size:clamp(2.15rem,3.7vw,3.35rem); line-height:.98; letter-spacing:-.05em; }
.cd-color-heading .purple, .cd-color-heading .cyan, .cd-color-heading .yellow, .cd-color-heading .green{ display:inline; padding:0 .06em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.cd-color-heading .purple{ color:var(--brand); }.cd-color-heading .cyan{ color:#087f96; }.cd-color-heading .yellow{ color:#b57a00; text-decoration:underline; text-decoration-color:var(--yellow); text-decoration-thickness:.22em; text-underline-offset:-.10em; text-decoration-skip-ink:none; }.cd-color-heading .green{ color:#268b50; }
.cd-about-lede{ max-width:840px; margin-top:14px; color:var(--ink); font-size:clamp(.94rem,1.2vw,1.04rem); font-weight:650; line-height:1.68; }
.cd-about-intro-copy p:not(.cd-about-lede){ max-width:840px; margin-top:11px; color:var(--muted); font-size:.88rem; line-height:1.72; }

.cd-work-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.cd-work-card{ position:relative; min-height:196px; padding:14px; color:#111; border:2px solid #111; border-radius:11px; box-shadow:4px 4px 0 #111; transition:transform .16s var(--ease),box-shadow .16s var(--ease); }
.cd-work-card:nth-child(1){ transform:rotate(-.35deg); }
.cd-work-card:nth-child(2){ transform:rotate(.30deg); }
.cd-work-card:nth-child(3){ transform:rotate(-.22deg); }
.cd-work-cyan{ background:var(--cyan); }
.cd-work-yellow{ background:var(--yellow); }
.cd-work-green{ background:var(--green); }
.cd-work-no{ font:900 1.55rem/1 ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif; }
.cd-work-card h3{ margin:20px 0 0; color:#111; font-size:1.04rem; line-height:1.05; letter-spacing:-.025em; }
.cd-work-card p{ margin:8px 0 29px; color:#111; font-size:.72rem; line-height:1.58; }
.cd-work-card small{ position:absolute; left:14px; bottom:12px; color:#111; font:900 .46rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; letter-spacing:.055em; }
html[data-theme="dark"] .cd-work-card h3{ color:#111; }

.cd-focus-intro{ max-width:840px; margin:0 0 14px; color:var(--muted); font-size:.875rem; line-height:1.6; }.cd-focus-grid{ display:flex; flex-wrap:wrap; gap:6px; }.cd-focus-grid span{ padding:8px 10px; color:#111; border:2px solid #111; border-radius:7px; box-shadow:2px 2px 0 #111; font:850 .75rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }.cd-focus-grid span:nth-child(1){background:#72beff}.cd-focus-grid span:nth-child(2){background:#ffb04d}.cd-focus-grid span:nth-child(3){background:#ffd23f}.cd-focus-grid span:nth-child(4){background:#ff82cc}.cd-focus-grid span:nth-child(5){background:#ff8e78}.cd-focus-grid span:nth-child(6){background:#be9cff}.cd-focus-grid span:nth-child(7){background:#62dcf6}.cd-focus-grid span:nth-child(8){background:#82e89a}
.cd-metrics{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }.cd-metrics > div{ min-height:84px; padding:13px; background:var(--surface); border:2px solid var(--border); border-radius:9px; box-shadow:2px 2px 0 var(--shadow-color); }.cd-metrics strong{ display:block; color:var(--ink); font-size:clamp(1.25rem,2vw,1.7rem); }.cd-metrics span{ display:block; max-width:190px; margin-top:4px; color:var(--muted); font:750 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }
.cd-why-card{ position:relative; overflow:hidden; margin-top:1px; padding:20px; background:#17181e; color:#fff; border:2px solid #111; border-radius:12px; box-shadow:5px 5px 0 #111; }.cd-why-card::before{content:"CLOUD DIVE.";position:absolute;right:-.04em;bottom:-.14em;color:#fff;font-family:ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:900;letter-spacing:-.08em;line-height:.8;opacity:.045;white-space:nowrap;pointer-events:none}.cd-why-card > *{position:relative;z-index:1}.cd-why-kicker{color:var(--cyan);font:900 .52rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.06em}.cd-why-card h2{max-width:760px;margin-top:10px;color:#fff;font-size:clamp(1.85rem,3vw,2.7rem);line-height:1;letter-spacing:-.04em}.cd-why-card h2 span{color:var(--yellow)}.cd-why-card p{max-width:760px;margin-top:12px;color:#d2d2dc;font-size:.81rem;line-height:1.65}.cd-why-mark{position:absolute;right:17px;top:15px;color:var(--yellow);font-size:2.5rem;font-weight:900}
.cd-actions{ width:100%; display:grid; grid-template-columns:minmax(220px,1.35fr) minmax(170px,.82fr); gap:9px; align-items:stretch; margin-top:20px; padding:10px; background:color-mix(in srgb,var(--surface) 88%,transparent); border:2px solid var(--border); border-radius:13px; box-shadow:4px 4px 0 var(--shadow-color); }.cd-action{ width:100%; min-height:52px; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:8px; align-content:center; padding:0 14px; border:2px solid #111; border-radius:9px; box-shadow:3px 3px 0 #111; text-align:left; font:850 .8125rem/1.15 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; transition:transform .14s var(--ease),box-shadow .14s var(--ease); }.cd-action small{display:block;margin-bottom:4px;opacity:.68;font-size:.75rem;letter-spacing:.045em}.cd-action b{grid-column:2;grid-row:1/3;align-self:center;font-size:1rem}.cd-action-primary{background:var(--brand);color:#111}.cd-action-resume{background:var(--yellow);color:#111}
html[data-theme="dark"] .cd-profile-card{background:radial-gradient(circle at var(--profile-glow-x) var(--profile-glow-y),rgba(255,255,255,.22),transparent 20%),linear-gradient(145deg,#695cba 0%,#5c4bb6 35%,#488ca2 66%,#c8a93f 100%)}html[data-theme="dark"] .cd-profile-rail{color:#e9e7f8}html[data-theme="dark"] .cd-color-heading .cyan{color:var(--cyan)}html[data-theme="dark"] .cd-color-heading .yellow{color:var(--yellow)}html[data-theme="dark"] .cd-color-heading .green{color:var(--green)}

@media (max-width:1080px){.cd-about-layout{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);gap:clamp(1.8rem,3vw,3rem)}.cd-work-grid{grid-template-columns:1fr}.cd-work-card{min-height:158px}.cd-color-heading{font-size:clamp(2rem,4.5vw,3rem)}}
@media (max-width:820px){.cd-about-layout{grid-template-columns:1fr}.cd-about-profile{position:static}.cd-profile-stage{max-width:480px;margin-inline:auto}}

@media(prefers-reduced-motion:reduce){.cd-profile-card, .cd-profile-photo, .cd-profile-backdrop, .cd-sticker, .cd-work-card, .cd-action{transition:none!important;transform:none!important}}

.cd-mobile-kicker{ display:none; }
.cd-mobile-summary{display:none;margin:0;color:var(--muted)}
.cd-about-intro-copy{ width:100%; max-width:none; }
.cd-about-intro-copy p{ max-width:840px; }
.cd-color-heading .yellow.cd-no-underline{ color:#765400; text-decoration:none; -webkit-text-decoration:none; text-shadow:none; -webkit-text-stroke:0 transparent; background:linear-gradient(transparent 64%,var(--yellow) 64%); }
html[data-theme="dark"] .cd-color-heading .yellow.cd-no-underline{color:var(--yellow);background:none}
.cd-label-focus::after, .cd-label-why::after, .cd-label-intro::after{ width:100%; max-width:none; margin-top:8px; }
@media (min-width:1280px) { #about-me-title{ font-size:clamp(2.35rem,3.15vw,3.25rem); letter-spacing:-.047em; } }

.cd-profile-link::before{ content:""; position:absolute; inset:4px 5px auto; height:32%; border-radius:5px; background:rgba(255,255,255,.28); pointer-events:none; }
.cd-profile-link span, .cd-profile-link b{ position:relative; z-index:1; }
.cd-profile-link b{ font-size:.92rem; }
.cd-profile-links a.cd-profile-linkedin{ background:var(--cyan); transform:translate3d(0,0,18px) rotate(-.8deg); }
.cd-profile-links a.cd-profile-email{ background:var(--yellow); transform:translate3d(0,0,18px) rotate(.8deg); }
.cd-profile-links a.cd-profile-link:active{ transform:translate3d(3px,3px,6px) rotate(0deg); box-shadow:2px 2px 0 #111; }

@media (max-width:767px) {
  .cd-about{padding-top:clamp(1.9rem,7vw,2.7rem)}.cd-about-layout{gap:clamp(1.65rem,6vw,2.25rem)}.cd-profile-stage{width:min(100%,420px)}.cd-profile-card{padding:8px;border-width:2.5px;border-radius:16px;box-shadow:5px 5px 0 var(--shadow-color);transform:none!important}.cd-profile-rail{min-height:19px;margin-bottom:3px;font-size:.38rem}.cd-profile-portrait{min-height:min(78vw,310px);margin-top:0}.cd-profile-frame{inset:15px 10px 13px}.cd-profile-frame::before{inset:-5px;border-width:1.5px;border-radius:19px;box-shadow:3px 3px 0 #111}.cd-profile-frame::after{inset:-1px;border-width:1.5px;border-radius:15px}.cd-profile-backdrop-a{inset:11px 15px 12px 3px;transform:translate3d(-4px,5px,-32px) rotate(-1.8deg)}.cd-profile-backdrop-b{inset:6px 3px 16px 15px;transform:translate3d(5px,-4px,-12px) rotate(1.3deg)}.cd-profile-shell{border-radius:14px;box-shadow:0 0 0 1.5px #111,4px 4px 0 rgba(17,17,17,.82)}.cd-profile-photo-plate{inset:6px;border-radius:9px;box-shadow:0 0 0 1.5px #111}.cd-profile-photo{transform:translate3d(0,0,0) scale(1.055)!important}.cd-sticker{border-width:1.5px;box-shadow:1.5px 1.5px 0 #111;font-size:.34rem;letter-spacing:.035em}.cd-sticker-pattern{left:-1px;top:9px;padding:4px 5px;transform:translateZ(34px) rotate(-2deg)}.cd-sticker-cloud{right:-2px;top:44px;padding:4px 5px;transform:translateZ(31px) rotate(1.5deg)}.cd-sticker-break{right:-3px;bottom:10px;padding:5px 6px;transform:translateZ(38px) rotate(2.4deg)}.cd-profile-identity{margin-top:8px;padding:8px}.cd-profile-identity strong{font-size:.88rem}.cd-profile-identity span{font-size:.75rem}.cd-profile-identity .cd-profile-chip{padding:4px 6px;font-size:.75rem}.cd-profile-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.cd-profile-links a{min-height:44px;padding:8px;font-size:.75rem}.cd-about-copy>.kicker{margin-bottom:10px}.cd-about-statement{width:100%;margin-top:10px;font-size:clamp(3rem,15vw,4.35rem);line-height:.84;letter-spacing:-.075em}.cd-about-statement .two{margin-left:.38em}.cd-about-statement .three{margin-left:.08em;-webkit-text-stroke:0 transparent;text-shadow:none}.cd-about-intro, .cd-about-section{margin-top:1.9rem;padding-top:13px}.cd-section-head{gap:7px}.cd-section-label{font-size:.68rem}.cd-section-label::after{width:48px;height:3.5px;margin-top:6px;border-width:1px;box-shadow:1px 1px 0 #111}.cd-label-work, .cd-label-think{min-height:30px;padding-left:11px}.cd-label-work::before, .cd-label-think::before{width:4px;border-width:1px;box-shadow:1px 1px 0 #111}.cd-color-heading{max-width:none;font-size:clamp(1.95rem,9.6vw,2.75rem);line-height:.98;letter-spacing:-.052em;text-wrap:balance}.cd-color-heading .purple, .cd-color-heading .cyan, .cd-color-heading .yellow, .cd-color-heading .green{padding-inline:.025em}.cd-color-heading .yellow{text-decoration-thickness:.16em;text-underline-offset:-.06em}.cd-about-lede{margin-top:11px;font-size:.88rem;line-height:1.62}.cd-about-intro-copy p:not(.cd-about-lede){margin-top:9px;font-size:.79rem;line-height:1.63}.cd-focus-intro{margin:0 0 11px;font-size:.875rem;line-height:1.58}.cd-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cd-focus-grid span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;text-align:center;font-size:.75rem}.cd-metrics{grid-template-columns:1fr;gap:6px;margin-top:11px}.cd-metrics>div{min-height:0;display:grid;grid-template-columns:minmax(86px,.42fr) minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px}.cd-metrics strong{font-size:1rem}.cd-metrics span{max-width:none;margin-top:0;font-size:.75rem;line-height:1.4}.cd-why-card{padding:16px}.cd-why-card h2{max-width:100%;font-size:clamp(1.7rem,8.3vw,2.35rem)}.cd-why-card p{max-width:100%;margin-top:10px;font-size:.875rem;line-height:1.55}.cd-why-mark{opacity:.32;font-size:2rem}.cd-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;padding:8px}.cd-action{min-height:48px;padding:0 12px;font-size:.8125rem;line-height:1.2}.cd-action-primary{grid-column:1/-1;min-height:52px}.cd-action small{font-size:.75rem}

  .cd-about-layout{ display:grid; grid-template-columns:1fr; }
  .cd-mobile-kicker{ display:inline-flex; width:max-content; order:-4; margin:0 0 3px; align-items:center; }
  .cd-mobile-summary{display:grid;order:-3;gap:4px;margin:0 0 2px;padding:12px 13px;background:var(--surface);border:2px solid var(--border);border-radius:10px;box-shadow:2px 2px 0 var(--shadow-color);font-size:.875rem;line-height:1.45}.cd-mobile-summary strong{color:var(--ink);font-size:1rem}.cd-mobile-summary span{color:var(--muted)}
  .cd-desktop-kicker{ display:none; }
  .cd-about-profile{ order:-2; }
  .cd-about-copy{ order:-1; }
  #about-me-title{ width:100%; max-width:none; margin-right:0; font-size:clamp(2.05rem,10.1vw,2.78rem); line-height:.97; letter-spacing:-.052em; text-align:left; text-wrap:balance; }
  .cd-about-intro-copy p{ width:100%; max-width:100%; font-size:.80rem; line-height:1.62; }
  .cd-section-label, .cd-label-intro{ font-size:clamp(.74rem,3vw,.84rem); }
  .cd-label-work, .cd-label-think{ min-height:33px; padding-left:12px; }
  .cd-label-work::before, .cd-label-think::before{ width:4px; }
  .cd-profile-links a.cd-profile-link{ min-height:44px; padding:0 10px; box-shadow:4px 4px 0 #111; font-size:.68rem; }
  .cd-actions{ grid-template-columns:1fr; }.cd-action-primary{ grid-column:1; }

  .cd-label-focus::after, .cd-label-why::after, .cd-label-intro::after{ width:100%; max-width:none; margin-top:8px; }

  .cd-about-statement .one{ font-size:min(1em,13.3vw); letter-spacing:-.085em; }

}
@media (max-width:430px) {  #about-me-title{ font-size:clamp(1.95rem,9.8vw,2.45rem); } .cd-actions{ grid-template-columns:1fr; }.cd-action, .cd-action-primary{ grid-column:1; } }
@media (max-width:390px) { .cd-about-statement{font-size:clamp(2.8rem,15.5vw,3.8rem)}.cd-profile-portrait{min-height:min(80vw,300px)}.cd-sticker-cloud{display:none}.cd-actions{grid-template-columns:1fr}.cd-action, .cd-action-primary{grid-column:1}  }
@media (max-width:360px) { #about-me-title{ font-size:clamp(1.82rem,9.4vw,2.1rem); } }

.cd-about-lede, .cd-about-intro-copy p, .cd-focus-intro{ text-wrap:pretty; }

@media (max-width:767px){
  .cd-work-grid{gap:8px}
  .cd-work-card{min-height:0;padding:12px 13px 13px;border-radius:9px;box-shadow:3px 3px 0 #111;transform:none}
  .cd-work-no{font-size:1.15rem}
  .cd-work-card h3{margin-top:11px;font-size:.94rem}
  .cd-work-card p{margin:6px 0 24px;font-size:.69rem;line-height:1.5}
  .cd-work-card small{left:13px;bottom:10px;font-size:.40rem}
}

@media (hover: hover) and (pointer: fine) {.cd-action:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #111}
.cd-profile-links a.cd-profile-link:hover{ transform:translate3d(-2px,-3px,26px) rotate(0deg); box-shadow:8px 8px 0 #111; filter:saturate(1.04); }
 }

.page-resume .wrap{width:min(calc(100% - (2 * var(--page-x))),1320px)}
.page-resume .resume-section{padding-top:clamp(2.4rem,4.5vw,4.25rem);padding-bottom:clamp(4rem,8vw,6.5rem);background:transparent}
.resume-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);column-gap:clamp(24px,4vw,54px);align-items:end;padding:clamp(22px,3vw,34px);background:color-mix(in srgb,var(--surface) 86%,transparent);border:2px solid var(--border);border-radius:18px;box-shadow:6px 6px 0 var(--shadow-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.resume-hero-copy{min-width:0;max-width:980px}
.resume-name{margin:10px 0 0;color:var(--ink);font-size:clamp(3.15rem,6.5vw,6.15rem);line-height:.86;letter-spacing:-.065em;font-weight:950;text-transform:uppercase}
.resume-name span{color:var(--brand);text-shadow:3px 3px 0 color-mix(in srgb,var(--shadow-color) 62%,transparent)}
.resume-tagline{max-width:840px;margin:18px 0 0;color:var(--ink);font-size:clamp(1rem,1.22vw,1.12rem);font-weight:720;line-height:1.55;text-align:left;text-wrap:pretty}
.resume-contact-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;margin-top:17px;color:var(--muted);font:800 .72rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.resume-contact-line a{color:var(--ink)}.resume-contact-item{display:inline-flex;align-items:center;min-height:32px}.resume-contact-item+.resume-contact-item::before{content:"•";margin-right:14px;color:var(--muted)}
.resume-hero-actions{align-self:end;display:grid;gap:10px;justify-items:stretch;min-width:190px}
.resume-download-3d{min-width:190px;min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 13px;background:var(--yellow);color:#111;border:2px solid #111;border-radius:9px;box-shadow:5px 5px 0 #111;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.resume-download-3d:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #111}
.resume-download-3d span{display:grid;gap:3px;font:900 .69rem/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.resume-download-3d small{opacity:.65;font-size:.52rem;letter-spacing:.08em}.resume-download-3d b{font-size:1.15rem}
.resume-back-link{min-height:44px;display:grid;place-items:center;padding:0 12px;background:var(--surface);color:var(--ink);border:2px solid var(--border);border-radius:9px;box-shadow:2px 2px 0 var(--shadow-color);font:850 .64rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;text-transform:uppercase}
.resume-summary{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;padding:16px 18px;background:color-mix(in srgb,var(--cyan) 11%,var(--surface));border:2px solid var(--border);border-left:6px solid var(--cyan);border-radius:11px;box-shadow:none}
.resume-summary .mono{color:color-mix(in srgb,var(--cyan) 58%,var(--ink));font:950 .72rem/1.15 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.045em;text-transform:uppercase}
.resume-summary p{max-width:980px;margin:0;color:var(--ink);font-size:.84rem;line-height:1.62;text-wrap:pretty}
.resume-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:clamp(24px,3.5vw,46px);margin-top:30px;align-items:start}.experience-col,.credentials-col{min-width:0}
.resume-col-label{position:relative;margin:0 0 12px;padding-left:12px;color:var(--ink);font-size:.8rem;font-weight:950;line-height:1.15;text-transform:uppercase;letter-spacing:.04em}.resume-col-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand);border:1px solid #111;border-radius:999px}
.work-history-intro{max-width:680px;margin:7px 0 16px;color:var(--muted);font-size:.74rem;line-height:1.55}
:root{--work-ingram-bg:#c9f4fb;--work-ingram-fg:#075466;--work-ingram-line:#0a8ca8;--work-cadd-bg:#d9f7df;--work-cadd-fg:#175d32;--work-cadd-line:#32a85b;--work-pentagon-bg:#e9e2ff;--work-pentagon-fg:#4432a0;--work-pentagon-line:#7357ff;--work-maq-bg:#ffe2dc;--work-maq-fg:#82382d;--work-maq-line:#f07160}
html[data-theme="dark"]{--work-ingram-bg:#173f49;--work-ingram-fg:#a4efff;--work-ingram-line:#5fe0fa;--work-cadd-bg:#193d26;--work-cadd-fg:#aff5bd;--work-cadd-line:#78df8d;--work-pentagon-bg:#30294f;--work-pentagon-fg:#d3ccff;--work-pentagon-line:#9a8fff;--work-maq-bg:#482a25;--work-maq-fg:#ffc4b9;--work-maq-line:#ff907e}
.work-timeline{position:relative;display:grid;gap:14px;padding-left:25px}.work-timeline::before{content:"";position:absolute;left:6px;top:14px;bottom:14px;width:4px;background:linear-gradient(to bottom,var(--work-ingram-line) 0 19%,var(--work-cadd-line) 19% 37%,var(--work-pentagon-line) 37% 69%,var(--work-maq-line) 69% 100%);border-radius:999px}
.work-card{--work-accent:var(--yellow);position:relative;width:100%;padding:17px 18px 18px;background:color-mix(in srgb,var(--work-accent) 5%,var(--surface));border:2px solid color-mix(in srgb,var(--work-accent) 48%,var(--border));border-radius:12px;box-shadow:4px 4px 0 color-mix(in srgb,var(--work-accent) 32%,var(--shadow-color))}.work-card-ingram{--work-accent:var(--work-ingram-line)}.work-card-cadd{--work-accent:var(--work-cadd-line)}.work-card-pentagon{--work-accent:var(--work-pentagon-line)}.work-card-maq{--work-accent:var(--work-maq-line)}.work-card-current{background:color-mix(in srgb,var(--work-ingram-bg) 48%,var(--surface))}
.work-marker{position:absolute;left:-25px;top:24px;width:16px;height:16px;background:var(--work-accent);border:3px solid #111;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--work-accent) 28%,var(--surface));z-index:2}
.work-card-head,.work-role-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.work-title-group{min-width:0}.work-status-row{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}.work-company{width:max-content;max-width:100%;min-height:31px;display:inline-flex;align-items:center;padding:0 11px;color:#111;border:1.5px solid currentColor;border-radius:7px;box-shadow:2px 2px 0 color-mix(in srgb,currentColor 65%,#111);font-family:ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;font-size:clamp(.68rem,.76vw,.79rem);font-weight:950;line-height:1}.company-ingram{background:var(--work-ingram-bg);color:var(--work-ingram-fg)}.company-cadd{margin-bottom:10px;background:var(--work-cadd-bg);color:var(--work-cadd-fg)}.company-pentagon{background:var(--work-pentagon-bg);color:var(--work-pentagon-fg)}.company-maq{background:var(--work-maq-bg);color:var(--work-maq-fg)}
.work-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;background:var(--green);color:#111;border:1.5px solid #111;border-radius:999px;box-shadow:1.5px 1.5px 0 #111;font:950 .5rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.06em}.work-position-title{margin:0;color:var(--ink);font-family:ui-rounded,"Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;font-size:clamp(1.08rem,1.42vw,1.34rem);font-weight:900;line-height:1.08;letter-spacing:-.03em}.work-position-title-small{font-size:.92rem;line-height:1.2;font-weight:850}.work-location{margin:7px 0 0;color:var(--muted);font-size:.72rem;line-height:1.4}
.work-date,.work-role-date{display:inline-flex;align-items:center;justify-content:center;width:max-content;color:#111;border:1.5px solid currentColor;border-radius:999px;box-shadow:2px 2px 0 color-mix(in srgb,currentColor 58%,#111);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight:950}.work-date{min-height:34px;padding:0 11px;font-size:.66rem}.work-role-date{min-height:30px;padding:0 9px;font-size:.61rem;border-width:1.25px}.date-current{background:var(--work-ingram-bg);color:var(--work-ingram-fg)}.date-cadd{background:var(--work-cadd-bg);color:var(--work-cadd-fg)}.date-pentagon,.work-card-pentagon .work-role-date{background:var(--work-pentagon-bg);color:var(--work-pentagon-fg)}.date-maq,.work-card-maq .work-role-date{background:var(--work-maq-bg);color:var(--work-maq-fg)}
.work-points{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}.work-points li{position:relative;margin:0;padding-left:17px;color:var(--ink);font-size:.76rem;line-height:1.58;text-wrap:pretty}.work-points li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;background:var(--work-accent);border:1px solid #111;border-radius:2px;transform:rotate(8deg)}
.work-employer-head{padding-bottom:14px;border-bottom:1.5px solid var(--border-soft);align-items:center}.work-role-stack{display:grid}.work-role{padding:15px 0 14px;border-bottom:1px solid color-mix(in srgb,var(--work-accent) 28%,var(--border-soft))}.work-role:last-child{padding-bottom:3px;border-bottom:0}.work-role .work-points{gap:7px;margin-top:9px}.work-role-note{margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.resume-expand-btn{display:none;margin-top:12px;min-height:44px;padding:0 14px;background:var(--yellow);color:#111;border:2px solid #111;border-radius:8px;box-shadow:3px 3px 0 #111;font-size:.72rem;font-weight:900}
.credentials-col{display:flex;flex-direction:column}.certification-groups,.resume-skills,.resume-background{display:grid;gap:9px}.resume-cert,.resume-skill{padding:13px 14px 14px;background:var(--surface);color:var(--ink);border:1.5px solid var(--border-soft);border-radius:10px;box-shadow:none}.resume-cert{border-left:5px solid var(--cert-accent,var(--brand))}.cert-microsoft{--cert-accent:var(--azure)}.cert-aws{--cert-accent:var(--aws)}.cert-multicloud{--cert-accent:var(--green)}.cert-head{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--border-soft)}.cert-head h3,.resume-skill h3{margin:0;color:var(--ink);font-size:.9rem;font-weight:950;line-height:1.2}.cert-dot{flex:0 0 auto;width:11px;height:11px;border:1.5px solid #111;border-radius:50%;box-shadow:1px 1px 0 #111}.cert-microsoft .cert-dot{background:var(--azure)}.cert-aws .cert-dot{background:var(--aws)}.cert-multicloud .cert-dot{background:var(--green)}
.resume-cert ul{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.resume-cert li{position:relative;margin:0;padding-left:14px;color:var(--ink);font-size:.74rem;font-weight:700;line-height:1.48;white-space:normal;text-wrap:pretty}.resume-cert li::before{content:"";position:absolute;left:0;top:.53em;width:5px;height:5px;background:var(--yellow);border:1px solid #111;border-radius:1px}.skills-label,.background-label{margin-top:20px}.resume-skills{grid-template-columns:1fr}.resume-skill p{margin:7px 0 0;color:var(--muted);font-size:.72rem;line-height:1.58;text-wrap:pretty}.resume-education{border-left:5px solid var(--brand)}.resume-languages{border-left:5px solid var(--green)}.resume-bottom-group{margin-top:22px}
@media (hover:hover) and (pointer:fine){.resume-download-3d:hover:not(:active){transform:translate(-2px,-3px);box-shadow:8px 8px 0 #111}.resume-back-link:hover{transform:translateY(-1px);box-shadow:3px 3px 0 var(--shadow-color)}}
@media (max-width:1050px){.resume-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}}
@media (max-width:900px){.resume-hero{grid-template-columns:1fr;gap:22px}.resume-hero-actions{align-self:start;grid-template-columns:minmax(180px,240px) auto;justify-content:start;align-items:center}.resume-grid{grid-template-columns:1fr}.credentials-col{display:block}.certification-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cert-microsoft{grid-column:1/-1}.resume-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resume-background{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:640px){.page-resume .resume-section{padding-top:1.55rem}.resume-hero{padding:17px 15px 18px;border-radius:15px;box-shadow:4px 4px 0 var(--shadow-color)}.resume-name{font-size:clamp(2.7rem,14vw,3.9rem);line-height:.88}.resume-tagline{max-width:100%;font-size:.98rem;line-height:1.52}.resume-contact-line{gap:3px 10px;font-size:.72rem}.resume-contact-item{min-height:36px}.resume-contact-item+.resume-contact-item::before{margin-right:10px}.resume-contact-line a{min-height:44px;display:inline-flex;align-items:center}.resume-hero-actions,.certification-groups,.resume-skills,.resume-background{grid-template-columns:1fr;width:100%}.cert-microsoft{grid-column:auto}.resume-summary{grid-template-columns:1fr;gap:8px;padding:15px}.resume-grid{gap:22px}.work-timeline{padding-left:20px}.work-marker{left:-22px}.work-card{padding:14px 13px}.work-card-head,.work-role-head{grid-template-columns:1fr;gap:8px}.work-date,.work-role-date{justify-self:start;min-height:32px;font-size:.68rem}.work-company{min-height:32px;font-size:.7rem}.work-position-title{font-size:1.06rem}.work-position-title-small{font-size:.9rem}.work-location{font-size:.72rem}.work-points li{font-size:.74rem;line-height:1.58}.resume-cert li,.resume-skill p{font-size:.74rem}.resume-expand-btn{display:flex;width:100%;align-items:center;justify-content:center}#resumeExperience.mobile-collapsed>.work-card:nth-child(n+3){display:none}}
@media print{.page-resume .cd-header,.page-resume .cd-footer,.page-resume .resume-hero-actions,.page-resume .resume-expand-btn{display:none!important}.page-resume .resume-section{padding:0;background:#fff}.page-resume .wrap{width:100%;max-width:none}.resume-name{font-size:42pt}.resume-grid{grid-template-columns:1.35fr .65fr;gap:18pt}.work-card,.resume-cert,.resume-skill,.resume-summary{break-inside:avoid;box-shadow:none!important}.work-points li,.resume-cert li,.resume-skill p{font-size:8.5pt;color:#222}.resume-contact-line{font-size:8pt}}

.work-timeline{
  --timeline-gutter:30px;
  --timeline-x:10px;
  --timeline-marker:18px;
  --timeline-marker-top:23px;
  --timeline-card-gap:14px;
  gap:var(--timeline-card-gap);
  padding-left:var(--timeline-gutter);
}
.work-timeline::before{display:none}
.work-card{isolation:isolate}
.work-marker{
  left:calc(-1 * var(--timeline-gutter) + var(--timeline-x) - (var(--timeline-marker) / 2));
  top:var(--timeline-marker-top);
  width:var(--timeline-marker);
  height:var(--timeline-marker);
  display:grid;
  place-items:center;
  background:var(--surface-raised);
  border:2px solid color-mix(in srgb,var(--work-accent) 82%,#111);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--work-accent) 22%,var(--surface));
  z-index:3;
}
.work-marker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--work-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#111 45%,transparent);
}
.work-marker::after{
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  width:calc(var(--timeline-gutter) - var(--timeline-x) - (var(--timeline-marker) / 2));
  height:2px;
  background:color-mix(in srgb,var(--work-accent) 72%,var(--border));
  transform:translateY(-50%);
  z-index:-1;
}
.work-card:not(:last-child)::after{
  content:"";
  position:absolute;
  left:calc(-1 * var(--timeline-gutter) + var(--timeline-x) - 1px);
  top:calc(var(--timeline-marker-top) + (var(--timeline-marker) / 2));
  width:2px;
  height:calc(100% + var(--timeline-card-gap));
  background:linear-gradient(to bottom,
    color-mix(in srgb,var(--work-accent) 48%,var(--border)) 0%,
    color-mix(in srgb,var(--border) 72%,transparent) 100%);
  border-radius:999px;
  z-index:1;
  pointer-events:none;
}
.work-card-current .work-marker{
  background:color-mix(in srgb,var(--work-ingram-bg) 72%,var(--surface-raised));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--work-ingram-line) 24%,var(--surface)),0 0 0 5px color-mix(in srgb,var(--work-ingram-line) 8%,transparent);
}
@media (max-width:640px){
  .work-timeline{
    --timeline-gutter:25px;
    --timeline-x:9px;
    --timeline-marker:17px;
    --timeline-marker-top:22px;
    padding-left:var(--timeline-gutter);
  }
  .work-marker{left:calc(-1 * var(--timeline-gutter) + var(--timeline-x) - (var(--timeline-marker) / 2))}
}
@media (max-width:640px){
  #resumeExperience.mobile-collapsed > .work-card:nth-child(2)::after{display:none}
}

@media (hover: hover) and (pointer: fine){.cd-work-card:hover{transform:translate(-2px,-3px) rotate(0);box-shadow:7px 7px 0 #111}}
