:root{--portrait-bg:#080a0c;--portrait-panel:#0d1013;--portrait-text:#f4f4ef;--portrait-muted:#f4f4ef94;--portrait-line:#f4f4ef29;--portrait-line-strong:#f4f4ef52;--portrait-accent:#8db5ff;--portrait-ease:cubic-bezier(.22, 1, .36, 1)}html:has(.portrait-site){background:var(--portrait-bg);min-height:100%;overflow:hidden}body.portrait-site{background:var(--portrait-bg);min-height:100svh;color:var(--portrait-text);overflow:hidden}.portrait-site ::selection{background:var(--portrait-accent);color:#050608}.portrait-site :focus-visible{outline-color:var(--portrait-accent)}.portfolio-shell{isolation:isolate;background:radial-gradient(circle at 14% 36%, #8db5ff0e, transparent 31%), var(--portrait-bg);height:100svh;min-height:620px;position:relative;overflow:hidden}.portfolio-shell:before{z-index:20;content:"";pointer-events:none;border:1px solid #ffffff17;position:absolute;inset:0}.portrait-header{z-index:30;border-bottom:1px solid var(--portrait-line);backdrop-filter:blur(18px);background:#080a0cb3;grid-template-columns:minmax(190px,.8fr) minmax(500px,1.65fr) minmax(210px,.8fr);align-items:center;min-height:76px;padding:0 clamp(24px,3vw,52px);display:grid;position:absolute;top:0;left:0;right:0}.portrait-noscript{border-bottom:1px solid var(--portrait-line);color:var(--portrait-soft);gap:22px;padding:14px clamp(18px,3vw,48px);font-size:.75rem;display:flex}.portrait-brand{align-items:baseline;gap:12px;width:fit-content;line-height:1;display:inline-flex}.portrait-brand span{letter-spacing:-.02em;font-size:.93rem;font-weight:670}.portrait-brand small{color:var(--portrait-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:520}.portrait-nav{justify-content:center;align-self:stretch;align-items:stretch;gap:clamp(8px,1.7vw,30px);display:flex}.portrait-nav button,.portrait-nav a{color:#f4f4efad;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;font-size:.76rem;font-weight:570;transition:color .18s;display:inline-flex;position:relative}.portrait-nav button:after,.portrait-nav a:after{background:var(--portrait-accent);content:"";transform-origin:50%;height:2px;transition:transform .3s var(--portrait-ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.portrait-nav button span,.portrait-nav a span{color:#f4f4ef57;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:.56rem}.portrait-nav button:hover,.portrait-nav a:hover,.portrait-nav button[aria-current=page]{color:var(--portrait-text)}.portrait-nav button[aria-current=page]:after{transform:scaleX(1)}.portrait-email{grid-template-columns:auto 1fr auto;justify-self:end;align-items:center;gap:10px;font-size:.71rem;display:grid}.portrait-email>span{color:var(--portrait-muted)}.portrait-email strong{font-weight:580}.portrait-email i{color:var(--portrait-accent);transition:transform .22s var(--portrait-ease);font-style:normal}.portrait-email:hover i{transform:translate(3px,-3px)}.portrait-stage{z-index:1;position:absolute;inset:76px 0 50px;overflow:hidden}.view-stage{z-index:12;background:linear-gradient(90deg, var(--portrait-bg) 0%, #080a0cfa 72%, #080a0c00 100%);width:min(52%,760px);position:absolute;top:0;bottom:0;left:0}.view-panel{opacity:0;pointer-events:none;scrollbar-color:var(--portrait-line-strong) transparent;width:min(540px,100% - 72px);max-height:calc(100% - 60px);transition:opacity .26s ease, transform .62s var(--portrait-ease);padding:10px 18px 10px 0;position:absolute;top:50%;left:clamp(32px,5.5vw,96px);overflow:auto;transform:translateY(calc(26px - 50%))}.view-panel[data-active]{opacity:1;pointer-events:auto;transform:translateY(-50%)}.view-index{color:var(--portrait-muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:11px;margin-bottom:clamp(22px,3.2vh,36px);font-size:.69rem;font-weight:620;display:flex}.view-index span{color:var(--portrait-accent);font-variant-numeric:tabular-nums}.view-panel h1,.view-panel h2{max-width:680px;color:var(--portrait-text);font-family:var(--font-sans);letter-spacing:-.058em;text-wrap:balance;margin-bottom:clamp(22px,3.4vh,34px);font-size:clamp(2.65rem,4.6vw,4.35rem);font-weight:490;line-height:.96}.view-intro{color:#f4f4efc9;letter-spacing:-.012em;text-wrap:pretty;max-width:500px;margin-bottom:clamp(26px,4vh,42px);font-size:clamp(.96rem,1.12vw,1.08rem);line-height:1.55}.about-facts{border-top:1px solid var(--portrait-line);border-bottom:1px solid var(--portrait-line);grid-template-columns:repeat(3,1fr);max-width:520px;margin-bottom:clamp(28px,4vh,44px);display:grid}.about-facts p{color:#f4f4efe0;align-content:center;gap:8px;min-height:76px;margin:0;padding-right:14px;font-size:.76rem;line-height:1.22;display:grid}.about-facts p+p{border-left:1px solid var(--portrait-line);padding-left:16px}.about-facts span,.stage-status span{color:var(--portrait-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:620}.view-actions{align-items:center;gap:24px;display:flex}.primary-action{border:1px solid var(--portrait-text);background:var(--portrait-text);min-height:48px;color:var(--portrait-bg);transition:background .22s ease, color .22s ease, transform .22s var(--portrait-ease);justify-content:center;align-items:center;gap:24px;padding:0 18px;font-size:.78rem;font-weight:660;display:inline-flex}.primary-action:hover{background:var(--portrait-accent);color:#050608;transform:translateY(-2px)}.quiet-action{color:#f4f4efc4;align-items:center;gap:10px;padding:10px 0;font-size:.76rem;font-weight:590;display:inline-flex;position:relative}.quiet-action:after{content:"";transform-origin:0;height:1px;transition:transform .24s var(--portrait-ease);background:currentColor;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(.3)}.quiet-action:hover:after{transform:scaleX(1)}.quiet-action--standalone{margin-top:24px}.featured-record{border:1px solid var(--portrait-line);background:#ffffff06;max-width:520px}.featured-record>div{padding:22px}.featured-record>div>p{color:var(--portrait-muted);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.64rem;display:flex}.featured-record>div>p i{background:var(--portrait-accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #8db5ff1a}.featured-record h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:520;line-height:1.08}.featured-record ul{border-top:1px solid var(--portrait-line);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.featured-record li{color:#f4f4efad;padding:13px 22px;font-size:.69rem}.featured-record li:nth-child(2n){border-left:1px solid var(--portrait-line)}.featured-record li:nth-child(n+3){border-top:1px solid var(--portrait-line)}.view-note{max-width:500px;color:var(--portrait-muted);margin:18px 0 0;font-size:.7rem;line-height:1.5}.featured-record .featured-project-list{grid-template-columns:1fr}.featured-record .featured-project-list li{border-top:1px solid var(--portrait-line);padding:0}.featured-record .featured-project-list li:first-child{border-top:0}.featured-record .featured-project-list li:nth-child(2n){border-left:0}.featured-record .featured-project-list a{grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:42px;padding:8px 22px;transition:background .18s,color .18s;display:grid}.featured-record .featured-project-list a:hover{color:var(--portrait-ink);background:#ffffff09}.featured-record .featured-project-list a span{color:var(--portrait-accent);font-size:.58rem}.featured-record .featured-project-list a i{color:var(--portrait-muted);font-style:normal}.view-note-link{align-items:center;gap:14px;width:fit-content;transition:color .18s;display:flex}.view-note-link:hover{color:var(--portrait-ink)}.role-list{border-top:1px solid var(--portrait-line);max-width:540px}.role-list article{border-bottom:1px solid var(--portrait-line);grid-template-columns:30px 1fr auto;align-items:start;gap:12px;padding:18px 0;display:grid}.role-list p{margin:0}.role-number{color:var(--portrait-accent);font-variant-numeric:tabular-nums;font-size:.6rem}.role-list h3{letter-spacing:-.025em;margin:0 0 5px;font-size:1rem;font-weight:600}.role-list article div p,.role-period{color:var(--portrait-muted);font-size:.67rem}.role-period{text-align:right;max-width:130px}.credential-strip{border:1px solid var(--portrait-line);grid-template-columns:repeat(3,1fr);max-width:520px;margin-bottom:22px;display:grid}.credential-strip div{align-content:space-between;min-height:82px;padding:14px 16px;display:grid}.credential-strip div+div{border-left:1px solid var(--portrait-line)}.credential-strip span{color:var(--portrait-accent);font-size:.57rem}.credential-strip strong{font-size:.86rem;font-weight:590}.skill-index{background:var(--portrait-line);grid-template-columns:repeat(2,1fr);gap:1px;max-width:520px;display:grid}.skill-index p{background:var(--portrait-bg);color:#f4f4efbf;align-items:center;gap:14px;min-height:54px;margin:0;padding:11px 15px;font-size:.72rem;line-height:1.3;display:flex}.skill-index span{color:var(--portrait-muted);font-size:.55rem}.portrait-frame{cursor:crosshair;--pointer-x:68%;--pointer-y:44%;--shift-x:0px;--shift-y:0px;background:#0b0d10;margin:0;position:absolute;inset:0 0 0 38%;overflow:hidden}.portrait-frame picture,.portrait-frame img,.portrait-detail,.portrait-wash{width:100%;height:100%;position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center center;filter:contrast(1.035)brightness(.93);max-width:none;transform:translate3d(var(--shift-x), var(--shift-y), 0) scale(1.018);transition:filter .6s ease, transform .8s var(--portrait-ease);will-change:transform}.portrait-detail{z-index:2;background-image:var(--hero-image);filter:contrast(1.15)brightness(1.06);mask-image:radial-gradient(circle 150px at var(--pointer-x) var(--pointer-y), #000 0%, #000000e6 38%, transparent 76%);opacity:0;transform:translate3d(var(--shift-x), var(--shift-y), 0) scale(1.018);will-change:mask-position, transform;background-position:50%;background-size:cover;transition:opacity .26s}.portrait-wash{z-index:3;pointer-events:none;background:linear-gradient(90deg,#080a0cc7 0%,#080a0c14 29%,#0000 55%),linear-gradient(#0000 75%,#080a0c85 100%)}.portrait-frame[data-engaged] img{filter:contrast(1.07)brightness(.98);transform:translate3d(var(--shift-x), var(--shift-y), 0) scale(1.035)}.portrait-frame[data-engaged] .portrait-detail{opacity:.8;transform:translate3d(var(--shift-x), var(--shift-y), 0) scale(1.035)}.portrait-cursor{z-index:5;top:var(--pointer-y);left:var(--pointer-x);opacity:0;pointer-events:none;width:42px;height:42px;transition:opacity .18s ease, transform .3s var(--portrait-ease);border:1px solid #ffffff85;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.7)}.portrait-cursor i{background:var(--portrait-accent);border-radius:50%;width:3px;height:3px}.portrait-frame[data-engaged] .portrait-cursor{opacity:1;transform:translate(-50%,-50%)scale(1)}.portrait-frame figcaption{z-index:5;color:#f4f4ef85;letter-spacing:.11em;text-transform:uppercase;gap:20px;font-size:.56rem;display:flex;position:absolute;bottom:18px;right:22px}.portrait-frame figcaption span:last-child:before{background:var(--portrait-accent);content:"";vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.stage-status{z-index:15;gap:clamp(24px,3.5vw,54px);display:flex;position:absolute;bottom:22px;left:clamp(32px,5.5vw,96px)}.stage-status p{color:#f4f4efbd;gap:5px;margin:0;font-size:.65rem;display:grid}.view-counter{z-index:16;color:#f4f4ef85;font-variant-numeric:tabular-nums;text-align:center;gap:8px;margin:0;font-size:.57rem;display:grid;position:absolute;top:50%;right:23px;transform:translateY(-50%)}.view-counter span:first-child{color:var(--portrait-text)}.view-counter i{background:linear-gradient(var(--portrait-accent) 0 25%, var(--portrait-line) 25%);width:1px;height:42px;margin:auto}.portrait-footer{z-index:30;border-top:1px solid var(--portrait-line);background:var(--portrait-bg);min-height:50px;color:var(--portrait-muted);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,3vw,52px);font-size:.59rem;display:grid;position:absolute;bottom:0;left:0;right:0}.portrait-footer p{margin:0}.portrait-footer p:last-child{justify-self:end}.portrait-footer div{gap:22px;display:flex}.portrait-footer a{transition:color .18s}.portrait-footer a:hover{color:var(--portrait-text)}@media (width<=1120px){.portrait-header{grid-template-columns:1fr auto}.portrait-nav{border-bottom:1px solid var(--portrait-line);backdrop-filter:blur(18px);background:#080a0cdb;height:46px;position:absolute;top:76px;left:0;right:0}.portrait-stage{top:122px}.portrait-email{grid-column:2}}@media (width<=760px){.portfolio-shell{min-height:0}.portrait-header{min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;backdrop-filter:none}.portrait-brand{gap:8px}.portrait-brand small{display:none}.portrait-email{gap:8px;display:inline-flex}.portrait-email>span,.portrait-email strong{display:none}.portrait-email:before{content:"Email";font-size:.71rem;font-weight:600}.portrait-nav{z-index:100;top:auto;right:10px;bottom:max(10px, env(safe-area-inset-bottom));backdrop-filter:blur(24px);scrollbar-width:none;background:#0e1114eb;border:1px solid #ffffff2e;border-radius:5px;justify-content:flex-start;gap:2px;height:54px;padding:5px;display:flex;position:fixed;left:10px;overflow-x:auto;box-shadow:0 14px 42px #00000052}.portrait-nav::-webkit-scrollbar{display:none}.portrait-nav button,.portrait-nav a{border-radius:3px;flex:none;justify-content:center;min-width:max-content;padding:0 8px;font-size:.61rem}.portrait-nav button span,.portrait-nav a span,.portrait-nav button:after,.portrait-nav a:after{display:none}.portrait-nav button[aria-current=page]{background:var(--portrait-text);color:var(--portrait-bg)}.portrait-stage{inset:calc(60px + env(safe-area-inset-top)) 0 0}.portrait-frame{cursor:default;--pointer-x:50%;--pointer-y:45%;height:48%;inset:0 0 auto}.portrait-frame img{object-position:center 31%;filter:contrast(1.02)brightness(.9);transform:scale(1.01)}.portrait-detail,.portrait-cursor,.portrait-frame figcaption{display:none}.portrait-wash{background:linear-gradient(0deg, var(--portrait-bg) 0%, #080a0cc7 14%, transparent 49%), linear-gradient(90deg, #080a0c4d, transparent 45%)}.view-stage{background:linear-gradient(0deg, var(--portrait-bg) 0 82%, #080a0c00 100%);width:100%;top:37%}.view-panel{width:100%;max-height:100%;padding:42px 20px calc(82px + env(safe-area-inset-bottom));top:0;left:0;transform:translateY(18px)}.view-panel[data-active]{transform:translateY(0)}.view-index{margin-bottom:14px;font-size:.58rem}.view-panel h1,.view-panel h2{margin-bottom:14px;font-size:clamp(2.15rem,10vw,2.75rem);line-height:.98}.view-intro{max-width:520px;margin-bottom:19px;font-size:.86rem;line-height:1.46}.about-facts{margin-bottom:18px}.about-facts p{gap:5px;min-height:57px;padding-right:8px;font-size:.62rem}.about-facts p+p{padding-left:9px}.about-facts span{font-size:.48rem}.view-actions{gap:18px}.primary-action{gap:18px;min-height:42px;padding-inline:15px;font-size:.68rem}.quiet-action{font-size:.68rem}.featured-record>div{padding:15px 16px}.featured-record>div>p{margin-bottom:10px}.featured-record h3{font-size:1rem}.featured-record li{padding:9px 16px;font-size:.61rem}.featured-record .featured-project-list a{min-height:36px;padding:7px 16px;font-size:.61rem}.view-note{margin-top:10px;font-size:.61rem}.role-list article{grid-template-columns:22px 1fr;gap:8px;padding:12px 0}.role-period{display:none}.quiet-action--standalone{margin-top:12px}.credential-strip{margin-bottom:12px}.credential-strip div{min-height:62px;padding:10px}.credential-strip strong{font-size:.72rem}.skill-index p{gap:9px;min-height:44px;padding:8px 10px;font-size:.62rem}.stage-status,.portrait-footer{display:none}.view-counter{align-items:center;display:flex;top:calc(37% - 12px);right:16px;transform:none}.view-counter i{background:linear-gradient(90deg, var(--portrait-accent) 0 25%, var(--portrait-line) 25%);width:28px;height:1px}}@media (width<=380px){.portrait-nav button,.portrait-nav a{padding-inline:7px}.view-panel{padding-left:16px;padding-right:16px}.view-panel h1,.view-panel h2{font-size:2.05rem}.about-facts p:last-child{display:none}.about-facts{grid-template-columns:repeat(2,1fr)}}@media (width<=760px) and (height<=720px){.portrait-frame{height:41%}.view-stage{top:31%}.view-panel{padding-top:30px}.view-panel h1,.view-panel h2{font-size:1.95rem}.view-intro{margin-bottom:13px;font-size:.78rem}.about-facts{margin-bottom:13px}.about-facts p{min-height:50px}.view-counter{top:calc(31% - 10px)}}@media (hover:none),(pointer:coarse){.portrait-frame{cursor:default}.portrait-cursor,.portrait-detail{display:none}}@media (prefers-reduced-motion:reduce){.view-panel,.portrait-frame img,.portrait-detail,.portrait-cursor,.primary-action,.portrait-email i{transition:none}.portrait-frame img,.portrait-frame[data-engaged] img{transform:none}}