/* CV and service presentation. The original portrait is used as-is. */
.cinema-portrait{width:29vw;min-width:0;max-width:410px;left:-3vw;top:18vh;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;filter:none;mask-image:none;-webkit-mask-image:none;border:1px solid #dce3ff66;border-radius:24px;box-shadow:0 30px 90px #0006;transform:translateX(var(--person-x)) rotate(-7deg)}
.intro-copy h1{font-size:48px}.note-editor .note-highlight{font-size:10px;line-height:1.7;display:inline-block}.service-link{display:flex;align-items:center;gap:18px;margin-top:20px;background:none;padding:0;color:#c5d3ef;font-size:11px;text-align:left}.service-link>span{font-size:18px}.service-link:hover{color:white}.skills-section{padding:0 0 95px}.skill-tabs{display:flex;justify-content:center;gap:7px;margin:35px auto 0;flex-wrap:wrap}.skill-tabs button{background:#101115;border:1px solid #272a33;border-radius:25px;padding:11px 20px;color:#8c92a2;font-size:12px;transition:background .2s,color .2s}.skill-tabs button[aria-selected="true"]{background:#d4e0fa;color:#1a253d;border-color:#a7bee9}.skill-panel{margin-top:30px;border:1px solid #2d3342;border-radius:18px;padding:42px;display:grid;grid-template-columns:1fr 1.25fr;gap:55px;background:radial-gradient(ellipse at 5% 100%,#273c613d,transparent 65%),#0c0e14;min-height:300px}.skill-panel h3{font-size:31px;letter-spacing:-1px;margin:15px 0 20px}.skill-panel p{font-size:13px;line-height:1.9;color:#8b92a5}.skill-panel button.simple-link{background:none;padding:0;text-align:left;font-size:11px}.skill-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.skill-list li{font-size:12px;color:#bcc4d9;line-height:1.6;display:flex;gap:10px;align-items:start}.skill-list li::before{content:'↗';color:#61769d;flex-shrink:0}.skill-panel .skill-tools{font-size:10px;color:#64718a;border-top:1px solid #253044;padding-top:18px;margin-top:25px}.personal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.personal-tags span{font-size:9px;padding:7px 10px;border:1px solid #2c303b;border-radius:20px;color:#969fb5;background:#11151e}.resume-section{padding:10px 0 100px}.resume-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.resume-heading h2{font-size:44px;line-height:1.12;letter-spacing:-1.6px;margin-top:18px}.resume-heading .button{font-size:12px;white-space:nowrap}.resume-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.resume-filters{display:flex;gap:5px;flex-wrap:wrap}.resume-filters button{padding:9px 12px;font-size:10px;border-radius:20px;border:1px solid #262a34;background:#0e1015;color:#7c8496}.resume-filters button[aria-pressed="true"]{background:#d5e1f8;color:#192b4a;border-color:#a7bbdd}.resume-search{display:flex;align-items:center;gap:10px;border:1px solid #282d39;background:#0c0f15;border-radius:25px;padding:8px 13px;color:#6a7d9f;max-width:260px}.resume-search input{border:0;background:transparent;color:#c7d3eb;font:inherit;font-size:11px;min-width:0;width:100%;outline-offset:5px}.resume-search input::placeholder{color:#5c687e}.resume-search:focus-within{border-color:#839dc6}.resume-search>span[aria-hidden]{font-size:20px;line-height:1}.resume-count{font-size:9px;color:#616d83;padding:20px 0 14px}.resume-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:start}.timeline-list{display:flex;flex-direction:column;max-height:535px;overflow-y:auto;padding-right:12px;scrollbar-color:#34435f #111722;scrollbar-width:thin}.timeline-entry{position:relative;text-align:left;background:transparent;border:0;border-bottom:1px solid #242b3a;padding:19px 40px 20px 23px;color:#838fa6;display:flex;flex-direction:column;gap:7px;min-height:106px;flex-shrink:0}.timeline-entry::before{content:'';width:6px;height:6px;border:1px solid #52627d;border-radius:50%;position:absolute;left:0;top:25px;background:#10141e}.timeline-entry::after{content:'';position:absolute;left:3px;width:1px;top:34px;bottom:-18px;background:#263249}.timeline-entry:last-child::after{display:none}.timeline-date{font-size:9px;letter-spacing:.3px;color:#6c7b95}.timeline-entry strong{font-size:14px;font-weight:500;line-height:1.5;color:#adb8ce}.timeline-org{font-size:10px;color:#5e6e89;line-height:1.5}.timeline-arrow{position:absolute;right:8px;top:43px;font-size:16px;color:#617594}.timeline-entry[aria-pressed="true"]{background:linear-gradient(90deg,#1d2b4455,transparent)}.timeline-entry[aria-pressed="true"]::before{background:#a3c2f5;border-color:#a3c2f5;box-shadow:0 0 12px #abc8ff55}.timeline-entry[aria-pressed="true"] strong,.timeline-entry[aria-pressed="true"] .timeline-arrow{color:#d3e2ff}.resume-detail{min-height:480px;position:sticky;top:100px;padding:35px;border:1px solid #303a4e;border-radius:16px;background:radial-gradient(ellipse at top right,#28446b30,transparent 65%),#0c1019;box-shadow:0 20px 70px #0003}.resume-detail[hidden]{display:none}.experience-date{font-size:10px;letter-spacing:.4px;color:#91b2e5;display:block;margin-bottom:19px}.resume-detail h3{font-size:28px;line-height:1.2;letter-spacing:-.9px;margin-bottom:11px}.experience-org{font-size:11px;color:#697e9f;line-height:1.7}.experience-summary{font-size:13px;color:#b2c0d9;line-height:1.9;margin-top:24px}.resume-detail ul{padding-left:16px;margin:19px 0;font-size:11px;color:#7588a9;line-height:1.9}.resume-detail li{margin-bottom:9px}.experience-tags{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #27334a;padding-top:19px;margin-top:20px}.experience-tags>span{font-size:8px;color:#9fb7db;padding:5px 8px;background:#1c2b434d;border:1px solid #34496755;border-radius:20px}.resume-detail .simple-link{font-size:10px;margin-top:22px}.resume-empty{padding:30px 20px;border:1px dashed #3c4760;border-radius:12px;color:#7b8eac;font-size:12px;line-height:1.9}.resume-empty button{background:none;padding:0}.education-section{margin-top:55px;border-top:1px solid #232b3a;padding-top:35px}.education-section>h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-bottom:25px}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.education-grid article>span{font-size:8px;letter-spacing:.6px;color:#617695}.education-grid h4{font-size:13px;font-weight:500;margin:12px 0;color:#bdc9df}.education-grid p{font-size:11px;line-height:1.8;color:#6a7d9c}.portfolio-section{padding:20px 0 100px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}.portfolio-grid>a{display:flex;align-items:center;gap:20px;border:1px solid #252b38;background:#0d1119;border-radius:13px;padding:24px;transition:background .2s,border-color .2s}.portfolio-grid>a:hover{background:#141d2d;border-color:#4d6489}.portfolio-grid>a>span:first-child{width:42px;height:42px;border-radius:11px;background:#202d4555;color:#8ba9d8;display:grid;place-items:center;font-size:22px;flex-shrink:0}.portfolio-grid h3{font-size:14px;line-height:1.4;letter-spacing:-.2px}.portfolio-grid p{font-size:11px;color:#687c9c;line-height:1.7;margin-top:7px}.portfolio-grid>a>span:last-child{margin-left:auto;color:#667fa5;font-size:18px}.references-details{border-top:1px solid #283147;border-bottom:1px solid #283147;margin-top:30px}.references-details summary{font-size:11px;line-height:1.8;color:#869ab8;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px}.references-details summary::-webkit-details-marker{display:none}.references-details summary>span{font-size:22px}.references-details[open] summary>span{rotate:45deg}.references-details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:25px}.references-details p{font-size:10px;line-height:1.9;color:#667d9f}.references-details strong{display:block;color:#a1b5d3;font-size:11px;font-weight:500;margin-bottom:10px}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.contact-actions .button{font-size:12px}dialog#service-dialog{color-scheme:dark;background:radial-gradient(ellipse at top right,#31486a55,transparent),#101620;color:#e8edf8;border:1px solid #536b914d;border-radius:20px;max-width:690px;width:calc(100% - 34px);padding:45px;box-shadow:0 35px 130px #0009}dialog#service-dialog::backdrop{background:#02050ad9;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:15px;top:10px;background:none;color:#8397b6;font-size:30px;line-height:1;padding:4px 8px}#service-dialog h2{font-size:36px;line-height:1.15;letter-spacing:-1.1px;margin:19px 0 23px}#service-dialog>p{font-size:13px;color:#9aadc9;line-height:1.9}#service-dialog h3{font-size:13px;font-weight:500;margin:25px 0 15px}#service-dialog ul{padding-left:17px;font-size:12px;line-height:1.9;color:#8ba1c2}#service-dialog li{margin-bottom:7px}.service-dialog-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid #30435d;padding-top:25px;margin-top:26px}.service-dialog-actions .simple-link{background:none;padding:0;font-size:10px;margin:0}.service-dialog-actions .button{font-size:11px}#service-dialog .service-scope{font-size:9px;color:#586f92;margin-top:20px}
@media(max-width:1100px){.cinema-portrait{width:26vw;left:-4vw;top:22vh}.intro-copy h1{font-size:42px}.skill-panel{padding:32px;gap:30px}.skill-list{gap:12px}.skill-list li{font-size:11px}.resume-toolbar{align-items:stretch;flex-direction:column}.resume-search{max-width:none;width:100%}.resume-layout{gap:20px;grid-template-columns:.9fr 1.1fr}.resume-detail{padding:27px}.resume-heading h2{font-size:39px}.portfolio-grid>a{padding:20px;gap:14px}.portfolio-grid h3{font-size:13px}.portfolio-grid p{font-size:10px}.education-grid{gap:20px}}
@media(max-width:700px){.cinema-portrait{width:160px;max-width:none;min-width:0;left:-35px;top:8vh;aspect-ratio:4/5;object-position:50% 30%;border-radius:15px;transform:translateX(var(--person-x)) rotate(-9deg);filter:none;mask-image:none;-webkit-mask-image:none}.intro-copy h1{font-size:32px;line-height:1.1}.intro-copy{top:51%}.intro-byline{font-size:8px;max-width:270px;margin:auto;line-height:1.8}.intro-subtitle{font-size:11px}.note-editor .note-highlight{font-size:8px}.service-link{font-size:9px;line-height:1.7;gap:10px;margin-top:17px}.service-link>span{font-size:15px}.skills-section{padding:10px 0 60px}.skill-tabs{gap:5px;margin-top:25px}.skill-tabs button{font-size:9px;padding:9px 12px}.skill-panel{padding:25px 22px;grid-template-columns:1fr;gap:28px;margin-top:22px;border-radius:14px;min-height:0}.skill-panel h3{font-size:27px;margin:13px 0 17px}.skill-panel p{font-size:12px}.skill-list{grid-template-columns:1fr;gap:10px}.skill-list li{font-size:11px}.skill-panel .skill-tools{font-size:9px}.skill-panel button.simple-link{font-size:10px}.personal-tags{gap:5px}.personal-tags span{font-size:8px;padding:6px 9px}.resume-section{padding:0 0 60px}.resume-heading{display:block;margin-bottom:28px}.resume-heading h2{font-size:33px;letter-spacing:-1.2px;margin:16px 0 25px}.resume-heading .button{font-size:11px}.resume-toolbar{gap:13px}.resume-filters{gap:5px}.resume-filters button{font-size:8px;padding:8px 10px}.resume-search{padding:8px 11px}.resume-search input{font-size:10px}.resume-count{font-size:8px;padding:17px 0 12px}.resume-layout{display:flex;flex-direction:column;gap:20px}.timeline-list{width:100%;max-height:280px;padding-right:7px;border:1px solid #273247;border-radius:12px;padding-left:12px}.timeline-entry{min-height:98px;padding:16px 30px 16px 19px}.timeline-entry strong{font-size:12px}.timeline-date{font-size:8px}.timeline-org{font-size:9px}.timeline-entry::before{top:21px}.timeline-entry::after{top:30px}.timeline-arrow{font-size:15px}.resume-detail{position:relative;top:auto;width:100%;padding:25px;min-height:0;border-radius:13px}.experience-date{font-size:9px;margin-bottom:16px}.resume-detail h3{font-size:25px}.experience-org{font-size:10px}.experience-summary{font-size:12px;margin-top:19px}.resume-detail ul{font-size:10px}.resume-detail .simple-link{font-size:9px}.education-section{margin-top:35px;padding-top:27px}.education-section>h3{font-size:20px;line-height:1.35;max-width:270px}.education-grid{grid-template-columns:1fr;gap:24px}.education-grid article>span{font-size:7px}.education-grid h4{font-size:12px;margin:10px 0}.education-grid p{font-size:10px}.portfolio-section{padding:15px 0 60px}.portfolio-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}.portfolio-grid>a{padding:20px 17px;gap:14px}.portfolio-grid>a>span:first-child{width:35px;height:35px;font-size:19px;border-radius:9px}.portfolio-grid h3{font-size:12px}.portfolio-grid p{font-size:10px;margin-top:5px}.references-details{margin-top:23px}.references-details summary{font-size:10px;line-height:1.9;padding:17px 0}.references-details>div{grid-template-columns:1fr;gap:20px;padding-bottom:22px}.references-details p{font-size:10px}.contact-actions{gap:10px}.contact-actions .button{font-size:10px}dialog#service-dialog{padding:35px 24px 25px;border-radius:16px;max-height:90svh;overflow:auto}#service-dialog h2{font-size:29px;margin:17px 0 20px}#service-dialog>p{font-size:11px}#service-dialog h3{font-size:12px;margin-top:22px}#service-dialog ul{font-size:11px}.service-dialog-actions{padding-top:22px;margin-top:22px;gap:22px}.service-dialog-actions .simple-link{font-size:9px}.service-dialog-actions .button{font-size:10px}#service-dialog .service-scope{font-size:8px}.dialog-close{font-size:27px}}
@media(max-width:370px){.intro-copy h1{font-size:28px}.cinema-portrait{width:145px;left:-40px}.skill-tabs button{font-size:8px;padding:9px 10px}.resume-filters button{font-size:7px;padding:8px 9px}.resume-heading h2{font-size:29px}.contact-actions{flex-direction:column;align-items:center}}