.portfolio-page{--background:light-dark(#e9eff7,#0a1120);--surface:light-dark(#fff,#121d30);--surface-secondary:light-dark(#dce7f5,#19263c);--text:light-dark(#101c31,#ecf4ff);--text-secondary:light-dark(#263b55,#a9bdd6);--muted:light-dark(#3d506b,#a9bdd6);--border:light-dark(#b3c4da,#2b3d56);--border-strong:light-dark(#7d98bc,#4a6688);--accent:var(--accent-portfolio);--on-accent:light-dark(#fff,#0a1425);--surface-brand:light-dark(#dce8ff,#1b3150);--portfolio-cyan:light-dark(#00647c,#6ed4eb);background:var(--background)}.portfolio-page .site-main{width:100%;padding-block:0}.portfolio-page .site-main>:is(.portfolio-hero,.portfolio-section){width:min(100% - var(--gutter) * 2, var(--content-width));margin-inline:auto}.portfolio-page :is(.portfolio-hero,.portfolio-section,.portfolio-contact){scroll-margin-top:2rem}.portfolio-page :is(.portfolio-hero,.portfolio-section){border-bottom:1px solid var(--border)}.portfolio-page .languages-section{padding-bottom:clamp(1.5rem,3vw,2.5rem)}.portfolio-hero{grid-template-columns:minmax(0,1.18fr) minmax(19rem,.82fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:min(39rem,75vh);padding-block:clamp(4rem,7vw,6rem);display:grid}.portfolio-kicker,.portfolio-index,.portfolio-map-code,.portfolio-contact-kicker{color:var(--portfolio-cyan);font:600 .72rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}:lang(hy) :is(.portfolio-kicker,.portfolio-index,.portfolio-contact-kicker){font-family:var(--font-sans);letter-spacing:.03em;text-transform:none}.portfolio-hero h1{letter-spacing:-.055em;margin:.9rem 0 1.25rem;font-size:clamp(3.15rem,6vw,5.8rem);line-height:1.08}:lang(hy) .portfolio-hero h1{letter-spacing:-.025em}.portfolio-title-mark{color:var(--accent)}.portfolio-statement{max-width:43rem;color:var(--text-secondary);font-size:clamp(1.16rem,2vw,1.48rem);line-height:1.55}.portfolio-tags,.experience-tools,.case-tools{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.portfolio-tags li,.experience-tools li,.case-tools li{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:3px;padding:.28rem .65rem;font-size:.72rem;line-height:1.45}.portfolio-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.portfolio-page .button-primary{color:light-dark(#fff,#071225);background:light-dark(#245bd0,#80aaff)}.portfolio-page .button-primary:hover{background:light-dark(#174bb8,#a3c3ff)}.portfolio-page .button-secondary{background:0 0}.portfolio-map{isolation:isolate;border:1px solid var(--border);background-color:var(--surface);background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px);background-size:2rem 2rem;border-radius:4px;min-height:23rem;position:relative;overflow:hidden}.portfolio-map:before{content:"";border:1px dashed color-mix(in srgb, var(--portfolio-cyan) 30%, transparent);border-radius:50%;position:absolute;inset:12%}.portfolio-map:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 21%, transparent);position:absolute;inset:22% 23%;transform:rotate(-28deg)}.portfolio-map-code{font-size:.65rem;position:absolute;top:1.2rem;left:1.3rem}.portfolio-map-core{z-index:3;border:1px solid var(--accent);width:5.4rem;height:5.4rem;color:var(--accent);background:var(--surface);font:600 1.2rem var(--font-mono);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-map-node{z-index:3;border:1px solid var(--border-strong);color:var(--text);background:var(--surface);white-space:nowrap;border-radius:3px;padding:.4rem .7rem;font-size:.72rem;font-weight:600;position:absolute}.portfolio-map-node--1{top:20%;left:11%}.portfolio-map-node--2{top:19%;right:8%}.portfolio-map-node--3{bottom:19%;left:8%}.portfolio-map-node--4{bottom:18%;right:12%}.portfolio-map-axis{z-index:1;background:color-mix(in srgb, var(--accent) 30%, transparent);position:absolute}.portfolio-map-axis--x{height:1px;top:50%;left:14%;right:14%}.portfolio-map-axis--y{width:1px;top:15%;bottom:15%;left:50%}.portfolio-section{padding-block:clamp(3.2rem,5vw,5rem)}.portfolio-section-heading{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.4rem 2rem;margin-bottom:2rem;display:grid}.portfolio-section-heading .portfolio-index{grid-column:1/-1;margin-bottom:.35rem}.portfolio-section-heading h2{margin:0}.portfolio-section-heading>p:last-child{max-width:39rem;color:var(--text-secondary);margin:.2rem 0 0;font-size:.98rem}.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.snapshot-card{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);min-width:0;min-height:13.4rem;padding:1.25rem}.snapshot-card:nth-child(2n){border-top-color:var(--portfolio-cyan)}.snapshot-index{color:var(--portfolio-cyan);font:600 .7rem var(--font-mono)}.snapshot-card h3{margin:1rem 0 .65rem;font-size:1.13rem}.snapshot-card p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.6}.career-section-index{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.career-section-index .portfolio-index{color:var(--accent);margin:0}.career-section-index:after{content:"";background:var(--border);flex:1;height:1px}.experience-layout{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.experience-intro h2{letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.14}.experience-intro h2 span{display:block}:lang(hy) .experience-intro h2{letter-spacing:-.02em}.experience-intro>p{max-width:33ch;color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.7}.career-timeline{border-left:1px solid var(--border-strong);min-width:0;margin:0;padding:0;list-style:none}.career-entry{min-width:0;padding:0 0 1.6rem 1.5rem;position:relative}.career-entry:last-child{padding-bottom:0}.career-entry:before{content:"";border:1px solid var(--accent);background:var(--background);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.3rem;left:-.28rem}.career-date{color:var(--muted);font:500 .72rem/1.5 var(--font-mono);letter-spacing:.025em;text-transform:uppercase;margin:0 0 .4rem}:lang(hy) .career-date{font-family:var(--font-sans);letter-spacing:0;text-transform:none}.career-date>span{color:var(--accent)}.career-role{color:var(--text);overflow-wrap:anywhere;margin:0 0 .4rem;font-size:1.1rem;line-height:1.4}.career-organization{color:var(--text);overflow-wrap:anywhere;margin:0 0 .6rem;font-size:.82rem}.career-summary{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.75}.career-lessons-link{align-items:center;gap:.5rem;min-height:28px;margin-top:.45rem;font-size:.8rem;text-decoration:none;display:inline-flex}.career-lessons-link:is(:hover,:focus-visible){text-decoration:underline}.career-details{margin-top:.4rem}.career-details>summary{width:max-content;max-width:100%;min-height:32px;color:var(--accent);cursor:pointer;align-items:center;gap:.5rem;padding-block:.3rem;font-size:.76rem;list-style:none;display:flex}.career-details>summary::-webkit-details-marker{display:none}.career-details>summary:is(:hover,:focus-visible){text-underline-offset:.22em;text-decoration:underline}.career-details-indicator{width:12px;height:12px;position:relative}.career-details-indicator:before,.career-details-indicator:after{content:"";background:currentColor;width:10px;height:1px;position:absolute;top:5px;left:1px}.career-details-indicator:after{transform:rotate(90deg)}.career-details[open] .career-details-indicator:after{transform:rotate(0)}.career-details-panel{border-top:1px solid var(--border);margin-top:.5rem;padding:1rem 0 .2rem;font-size:.84rem;line-height:1.7}.experience-record+.experience-record{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.experience-title{overflow-wrap:anywhere;margin:0 0 .4rem;font-size:1rem;line-height:1.5}.experience-organization{color:var(--text);overflow-wrap:anywhere;margin:0 0 .4rem;font-size:.8rem}.experience-date{color:var(--muted);margin:0 0 .8rem;font-size:.72rem}.experience-track{color:var(--accent)}.experience-relation{color:var(--accent);margin:0 0 .75rem;font-size:.76rem}.experience-summary{color:var(--text-secondary);margin:0}.experience-detail-label,.experience-tools-label{color:var(--muted);margin:1rem 0 .5rem;font-size:.7rem;font-weight:700}.experience-responsibilities{color:var(--text-secondary);margin:0;padding-left:1.2rem}.experience-responsibilities li+li{margin-top:.5rem}.experience-tools{gap:.35rem}.experience-tools li{font-size:.7rem}.case-list{gap:.9rem;display:grid}.case-card{border:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.3rem,3vw,2rem);display:grid}.case-card:nth-child(2n){background:var(--surface-secondary)}.case-number{color:var(--portfolio-cyan);font:600 .72rem var(--font-mono)}.case-lead h3{margin:.7rem 0 1.25rem;font-size:clamp(1.35rem,2vw,1.75rem)}.case-tools li{background:0 0}.case-story{gap:.85rem;display:grid}.case-story h4{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem}.case-story p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.65}.case-evidence>div{flex-wrap:wrap;gap:.5rem;display:flex}.case-evidence a{border:1px solid var(--border-strong);padding:.25rem .55rem;font-size:.8rem;font-weight:650;text-decoration:none}.case-evidence a:hover{background:var(--surface-brand)}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.skill-category{border:1px solid var(--border);background:var(--surface);padding:1.4rem}.skill-category h3{margin-bottom:1rem;font-size:1.1rem}.skill-category ul{margin:0;padding:0;list-style:none}.skill-category li{border-top:1px solid var(--border);gap:.25rem;padding-block:.75rem;display:grid}.skill-category strong{font-size:.85rem}.skill-category span{color:var(--muted);font-size:.78rem;line-height:1.55}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.degree-card{border:1px solid var(--border);background:var(--surface);padding:1.5rem}.degree-year,.learning-year{color:var(--portfolio-cyan);font:600 .8rem var(--font-mono)}.degree-card h3{margin:1rem 0 .4rem}.degree-card p{margin-bottom:.4rem;font-size:.88rem}.degree-institution{color:var(--muted)}.learning-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;margin:0;padding:0;list-style:none;display:grid}.learning-list li{border-top:1px solid var(--border);grid-template-columns:3.5rem 1fr;gap:1rem;padding:1rem 0;display:grid}.learning-list h3{margin:0 0 .25rem;font-size:1rem}.learning-list p{color:var(--muted);margin:0;font-size:.79rem}.learning-list .learning-provider{color:var(--accent);margin-bottom:.4rem;font-weight:600}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.language-grid article{border:1px solid var(--border);background:var(--surface);padding:1.3rem}.language-grid h3{margin-bottom:.6rem;font-size:1.08rem}.language-grid p{color:var(--muted);margin:0;font-size:.84rem}.portfolio-contact{--contact-background:light-dark(#213154,#1e2a43);--contact-text:#f8faff;--contact-muted:#bdc9e2;--contact-accent:#9eb5ff;--contact-border:#ffffff30;--accent:var(--contact-accent);color:var(--contact-text);background:var(--contact-background);margin-top:clamp(1rem,1.5vw,1.5rem)}.portfolio-page .portfolio-contact{scroll-margin-top:0}.portfolio-contact-inner{width:min(100% - var(--gutter) * 2, var(--content-width));margin-inline:auto;padding-block:clamp(2rem,3.5vw,3rem)}.portfolio-contact-heading{align-items:center;gap:1.5rem;margin-bottom:clamp(1.5rem,2.5vw,2.25rem);display:flex}.portfolio-contact-heading:after{content:"";background:var(--contact-border);flex:1;height:1px}.portfolio-contact-heading .portfolio-index{color:var(--contact-muted);flex-shrink:0;margin:0}.portfolio-contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);display:grid}.portfolio-contact-copy,.portfolio-contact-actions{min-width:0}.portfolio-contact-kicker{color:var(--contact-accent);font:700 .9rem/1.5 var(--font-sans);letter-spacing:.07em;margin:0 0 1rem}.portfolio-contact h2{max-width:13ch;color:var(--contact-text);letter-spacing:-.045em;margin:0 0 1.25rem;font-size:clamp(2.6rem,5.2vw,4.5rem);font-weight:700;line-height:1.17}.portfolio-contact-title-line{display:block}.portfolio-contact-title-mark{color:var(--contact-accent)}:lang(hy) .portfolio-contact h2{letter-spacing:-.015em}.portfolio-contact-description{max-width:39ch;color:var(--contact-muted);margin:0;font-size:.98rem;line-height:1.75}.contact-email,.portfolio-socials a,.contact-phone{border-bottom:1px solid var(--contact-border);min-height:52px;color:var(--contact-text);justify-content:space-between;align-items:center;gap:1rem;padding-block:.7rem;font-size:1rem;text-decoration:none;transition:color .16s;display:flex}.contact-email{padding-top:0;font-size:clamp(.95rem,1.5vw,1.2rem)}.contact-email strong{overflow-wrap:anywhere;min-width:0;font-weight:500}.contact-email>span,.portfolio-socials a>span[aria-hidden],.contact-phone>span[aria-hidden]{flex-shrink:0}.contact-email:is(:hover,:focus-visible),.portfolio-socials a:is(:hover,:focus-visible),.contact-phone:is(:hover,:focus-visible){color:var(--contact-accent)}.copy-email{min-height:44px;color:var(--contact-muted);background:0 0;border:0;align-items:center;gap:.4rem;padding:.6rem 0;font-size:.8rem;display:inline-flex}.copy-email:is(:hover,:focus-visible){color:var(--contact-text);text-underline-offset:.22em;text-decoration:underline}.copy-status{min-height:1.35em;color:var(--contact-accent);margin:0 0 .3rem;font-size:.76rem}.portfolio-socials{display:grid}.contact-location{color:var(--contact-muted);margin:1rem 0 0;font-size:.85rem}.portfolio-contact :focus-visible{outline-color:var(--contact-accent)}.case-lead h3 a{color:var(--text);text-decoration:none}.case-lead h3 a:is(:hover,:focus-visible){color:var(--accent)}.case-story .case-link{place-self:start;margin-top:.3rem;font-size:.82rem;font-weight:650;text-decoration:none}.case-story .case-link:is(:hover,:focus-visible){text-decoration:underline}.portfolio-projects-link{margin:1.25rem 0 0;font-size:.85rem;font-weight:600}@media (width<=1000px){.portfolio-hero{grid-template-columns:minmax(0,1fr) minmax(16rem,.75fr)}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.portfolio-hero{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.portfolio-map{min-height:17rem}.portfolio-section-heading{grid-template-columns:1fr;gap:.5rem}.portfolio-section-heading .portfolio-index{grid-column:auto}.experience-layout{grid-template-columns:1fr;gap:2rem}.career-details>summary,.career-lessons-link{min-height:44px}.case-card{grid-template-columns:1fr;gap:1rem}.case-lead h3{margin-bottom:.8rem}.skills-grid{grid-template-columns:1fr}.skill-category{padding:1.2rem}.portfolio-contact-layout{grid-template-columns:1fr;gap:1.75rem}.portfolio-contact-heading{gap:1rem}}@media (width<=560px){.portfolio-hero h1{font-size:clamp(2.6rem,12vw,3.7rem)}.portfolio-contact h2{font-size:clamp(2.1rem,10.5vw,2.6rem)}.portfolio-map{min-height:15rem}.portfolio-map-node{padding:.32rem .45rem;font-size:.62rem}.portfolio-map-node--1{left:6%}.portfolio-map-node--2{right:5%}.portfolio-map-node--3{left:5%}.portfolio-map-node--4{right:6%}.snapshot-grid,.education-grid,.learning-list,.language-grid{grid-template-columns:1fr}.snapshot-card{min-height:0}}
