/* Recruitment edition: content hierarchy, readable cases and compact navigation. */
:root{--muted:#b5b4bd;--line:#34353b;--radius:18px}
body{font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,p,dd{overflow-wrap:break-word}button,a{touch-action:manipulation}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--blue)}
.site-header{height:82px}.hero{padding:26px 0 22px}.hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:12px 0 28px;gap:64px}.identity-line{display:flex;gap:13px;align-items:center}.identity-line .hello-avatar{flex:0 0 52px;margin:0}.identity-line h1{font-size:24px;line-height:1.5;letter-spacing:0;white-space:normal;font-weight:500}.identity-line h1 span{font-size:20px}.hero-credentials{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:14px;color:#c9c7d0;margin-top:18px}.hero-credentials span{position:relative}.hero-credentials span+span:before{content:'';position:absolute;left:-9px;top:10px;width:3px;height:3px;background:#898590;border-radius:50%}.design-statement{font-size:clamp(34px,3.9vw,53px);line-height:1.34;letter-spacing:-1.3px;font-weight:500;margin:23px 0 0}.hero-description{max-width:580px;margin-top:18px;font-size:16px;line-height:1.85;color:#bdbbc4}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;min-height:46px;border-radius:10px;font-size:15px;transition:transform .25s,background .25s,border-color .25s}.primary-button{color:#17151a;background:#ead5e2;border:1px solid #ead5e2}.secondary-button{border:1px solid #69636e;background:#1e1d22}.primary-button:hover{background:#f3e5ec;transform:translateY(-2px)}.secondary-button:hover{background:#2b2831;border-color:#baaabc;transform:translateY(-2px)}.hero-index{transform:none;padding:16px;align-self:center;border-radius:18px}.index-top,.index-links button>span,.hero-preview>span{font-size:14px;letter-spacing:0}.index-links button{padding:11px 0;gap:12px}.index-links button .index-project-name{color:#e3e0e7;min-width:0}.hero-bottom{font-size:14px;line-height:1.5;padding-top:18px}.hero-bottom a{color:#e4d4e4}.work-section{padding-top:23px}.section-head{padding-bottom:22px;gap:18px}.section-note,.section-head sup{font-size:14px}.section-head h2{font-size:28px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.project-card{display:flex;flex-direction:column;border-radius:18px;align-self:stretch}.project-card .project-image,.project-card[data-project="visual"] .project-image{width:100%;height:auto;aspect-ratio:16/10;border-radius:0;flex:none;background:#0b0c0e;display:flex;align-items:center;justify-content:center}.project-card .project-image img,.project-card[data-project="visual"] .project-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transform:none!important}.project-copy{display:flex;flex-direction:column;flex:1;padding:24px 23px 0}.project-kicker{font-size:14px;letter-spacing:0;gap:10px;flex-wrap:wrap}.project-kicker>span:last-child{font-size:14px;color:#aaa6b3}.project-copy h3{font-size:23px;letter-spacing:-.5px;line-height:1.5;margin:15px 0 10px;min-height:69px}.project-copy .project-subline{font-size:16px;color:#c6c1ce;margin-bottom:22px}.project-facts{margin:0;font-size:16px;line-height:1.75}.project-facts>div{margin:0 0 13px}.project-facts dt{font-size:14px;color:#bdb2c8;margin-bottom:3px}.project-facts dd{margin:0;color:#dedbe2}.tags{margin:10px 0 22px;gap:7px}.tags span{font-size:14px;padding:4px 9px}.project-cta{margin-top:auto;font-size:16px;padding:18px 0;gap:8px}.project-cta .case-button-label{font-size:16px;color:#f0cee3}.project-cta>span{font-size:14px;gap:10px}.about-section{padding-top:70px;padding-bottom:55px}.about-grid{gap:70px}.about-text{font-size:16px}.experience h3,.experience-row time,.experience-row span,.education{font-size:14px}.experience-row time{white-space:normal}.experience-row{grid-template-columns:1fr 1.15fr}.experience-row strong{font-size:18px}.section-note{color:#b7b4c1}.practice-section{padding-top:20px;padding-bottom:64px}.practice-domain,.practice-period,.practice-open,.practice-number,.practice-intro a{font-size:14px}.practice-row-description,.practice-intro p,.practice-detail p{font-size:16px;color:#c7c4cd}.life-description,.personal-strengths p{font-size:16px}.life-topics span,.personal-strengths>div>span,.personal-strengths small,.album-controls button,.life-source,.album-hint,.photo-caption span,.eyebrow,.contact-top,.footer,.footer a{font-size:14px}.contact-section .eyebrow{font-size:14px;letter-spacing:1px}.tool-row .eyebrow{font-size:14px}.tool-row p{font-size:16px}
.detail-header{padding:35px 40px 32px}.detail-heading{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:34px}.detail-header h2{font-size:36px}.detail-lead{color:#c2bfca}.detail-cover img{aspect-ratio:16/10;object-fit:contain}.detail-cover span,.detail-tools a,.detail-toolbar,.detail-meta span{font-size:14px}.detail-meta{margin-top:24px;gap:24px}.detail-meta>div{font-size:16px;line-height:1.7}.case-summary{margin:27px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.case-summary>div{padding:17px 0;border-bottom:1px solid var(--line);min-width:0}.case-summary>div:nth-child(3){grid-column:1/-1}.case-summary dt{font-size:14px;color:#c5acc8;margin-bottom:6px}.case-summary dd{margin:0;font-size:16px;line-height:1.85;color:#e0dde5}.summary-actions{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:23px}.summary-actions button,.summary-actions a{padding:5px 0;background:transparent;color:#e5c4dc;border-bottom:1px solid #786776;font-size:14px;min-height:38px}.detail-body{padding:32px 40px 40px;grid-template-columns:180px minmax(0,1fr);gap:34px}.detail-tabs button{white-space:normal;font-size:14px}.detail-tabs button>span,.chapter-label,.chapter-aside-link,.panel-kicker{font-size:14px}.detail-tabs button[aria-current="location"]{background:#2c2831;border-color:#615268;color:#f1d5e7}.detail-tabs button[aria-current="location"]>span{color:#f1c7df}.case-section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.case-section:last-of-type{margin-bottom:0}.detail-panel h3{font-size:28px;line-height:1.5}.detail-panel p,.detail-panel li{font-size:16px;color:#c6c3cc;line-height:1.85}.detail-panel .detail-note{font-size:16px!important;line-height:1.85!important;margin-top:22px}.insight p{font-size:16px}.insight strong{font-size:22px}.contribution-grid,.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.contribution-grid article,.flow-story,.key-rule,.function-groups article{border:1px solid #3c3842;border-radius:14px;padding:23px;background:#1b1b20}.contribution-grid span,.flow-story>span{font-size:14px;color:#d6b5cd}.contribution-grid h4,.flow-story h4,.key-rule h4,.case-subtitle{font-size:20px;font-weight:500;line-height:1.6;margin:12px 0}.contribution-grid p{margin-bottom:0}.case-table-wrap{margin:27px 0 13px;border:1px solid #47404b;border-radius:12px;overflow:hidden}.case-table-wrap table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px;line-height:1.7}.case-table-wrap caption{text-align:left;padding:18px;background:#24212a;color:#e9d7e6;font-size:16px}.case-table-wrap th,.case-table-wrap td{padding:16px 13px;vertical-align:top;text-align:left;border-right:1px solid #3b3640;border-top:1px solid #3b3640;overflow-wrap:anywhere}.case-table-wrap th{font-weight:500;color:#e0d4e0;background:#201e24}.case-table-wrap th:first-child{width:23%}.case-table-wrap td{color:#dad5df}.case-table-wrap tr>*:last-child{border-right:0}.state-matrix td b{font-size:14px;display:block;color:#d9afd1;font-weight:400}.detail-panel .case-caption{font-size:14px;line-height:1.8;color:#b7b3c0;margin-bottom:25px}.function-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.function-groups article{padding:18px}.function-groups h5{font-size:17px;font-weight:500;margin:0 0 10px}.function-groups p{margin:0;overflow-wrap:anywhere}.flow-story ol{padding-left:23px;margin:22px 0 0}.flow-story li{padding-left:3px;margin-bottom:20px}.flow-story li::marker{color:#dcaacb;font-size:14px}.flow-story li b{font-weight:500;font-size:17px;color:#eee8f1}.flow-story li p{margin:9px 0 0}.flow-story kbd,.key-rule kbd{font-family:inherit;font-size:14px;display:inline-block;padding:0 6px;border:1px solid #5b5163;border-radius:5px;background:#302a35;color:#eedbee}.key-rule{margin:24px 0}.key-rule p{margin-bottom:0}.case-list{padding-left:23px;line-height:1.9}.case-list li{padding:7px 0}.original-link{width:auto!important;display:inline-flex!important;align-items:center;background:transparent!important;border:1px solid #67556d!important;border-radius:8px!important;font-size:14px;padding:9px 13px!important;min-height:40px;color:#e4c6e0;margin:10px 10px 0 0;line-height:1.6;text-align:left}.original-link:after{display:none!important}.original-link:hover{background:#2f2835!important}.gallery{gap:32px;margin-top:30px}.gallery img{object-fit:contain;height:auto;aspect-ratio:auto}.gallery figcaption{font-size:16px;line-height:1.7;color:#e0dce6}.gallery figcaption span{font-size:14px;color:#c1a8c8}.figure-points,.test-method{margin:16px 0 0}.figure-points>div,.test-method>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:15px;margin:12px 0}.figure-points dt,.test-method dt{font-size:14px;color:#c5accb;padding-top:2px}.figure-points dd,.test-method dd{margin:0;font-size:16px;color:#d0cbd7;line-height:1.8}.portrait-figure>button[data-image-index]{max-width:420px;margin:0 auto}.detail-links button,.detail-links a{font-size:14px;border:1px solid #685a6b;border-radius:9px;padding:11px 16px;background:transparent;line-height:1.7}.detail-links button{background:#ead5e2;color:#17151a;border-color:#ead5e2}.detail-links a:first-of-type{background:transparent;color:#e2cadf;border-color:#685a6b}.reading-end span,.reading-end button{font-size:14px}.reader-hint{font-size:14px!important}.reader-thumbs button{font-size:14px}.lightbox-toolbar #image-counter,.lightbox-bottom span{font-size:14px}#lightbox-image:not(.zoomed){width:auto;max-width:100%;max-height:100%;height:auto;object-fit:contain}.lightbox-viewport{padding:10px}.detail-panel .reader-controls{margin-top:24px}
@media(max-width:1150px){.hero-layout{gap:30px}.identity-line h1{font-size:22px}.identity-line h1 span{font-size:18px}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.project-card .project-image,.project-card[data-project="visual"] .project-image{aspect-ratio:16/10}.project-copy{padding:24px 27px 0}.project-copy h3{min-height:0}.project-subline{margin-bottom:15px!important}.project-facts>div{margin-bottom:10px}.tags{margin:8px 0 17px}.detail-header h2{font-size:30px}.flow-grid{grid-template-columns:1fr}.function-groups{grid-template-columns:1fr}.function-groups article{padding:18px 22px}.function-groups p br{display:none}.function-groups p{white-space:pre-line}.about-grid{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:76px;width:calc(100% - 40px);gap:12px;flex-wrap:wrap;padding:16px 0 0}.brand{gap:9px}.brand-en{font-size:12px}.resume-link{display:block;font-size:14px;padding:8px 14px;margin-left:auto;min-height:40px}.site-header nav{order:3;width:100%;display:flex;gap:26px;overflow:auto;white-space:nowrap;font-size:14px}.site-header nav a:last-child{display:block}.hero{padding:26px 0 18px}.hero-layout{display:block;padding:0 0 22px}.identity-line{gap:10px}.identity-line .hello-avatar{flex-basis:42px;width:42px;height:42px}.identity-line .hello-avatar img{width:42px;height:42px}.identity-line h1{font-size:21px}.identity-line h1 span{font-size:16px}.hero-credentials{font-size:14px;gap:5px 16px;margin-top:17px}.design-statement{font-size:clamp(32px,8.6vw,48px);line-height:1.4;letter-spacing:-1px;margin-top:24px}.hero-description{margin-top:17px;line-height:1.85}.hero-actions{margin-top:23px;gap:10px}.hero-actions a{font-size:14px;flex:1;padding:10px 14px}.hero-index{display:block;background:transparent;border:0;border-top:1px solid #38313f;padding:16px 0 0;border-radius:0;box-shadow:none;margin-top:28px}.hero-preview,.index-top{display:none}.index-links{margin:0}.index-links button{font-size:14px;padding:10px 0;gap:13px}.index-links button>span{font-size:14px}.index-links button b{font-size:20px}.hero-bottom{display:flex;gap:10px;align-items:center;margin:0;font-size:14px;flex-wrap:wrap}.hero-bottom>a{display:none}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.section-note{font-size:14px;max-width:40%;text-align:right;line-height:1.7}.project-card{display:flex;border-radius:16px}.project-copy{padding:23px 21px 0}.project-copy h3{font-size:25px;line-height:1.5;margin-top:14px}.project-kicker{font-size:14px}.project-facts{font-size:16px}.tags span{font-size:14px}.project-cta{padding:18px 0}.project-cta>span{font-size:14px}.project-cta>span:last-child{gap:8px}.about-section{padding-top:52px;padding-bottom:38px}.about-grid{grid-template-columns:1fr;gap:32px}.experience-row{grid-template-columns:1fr 1.1fr;gap:15px}.experience-row time{font-size:14px}.practice-section{padding-top:18px;padding-bottom:42px}.practice-row-description{font-size:16px}.life-section{gap:35px}.contact-section .eyebrow{font-size:14px}.contact-top>span:last-child{font-size:14px}.contact-section h2{font-size:36px}.email{font-size:clamp(19px,6vw,27px);overflow-wrap:anywhere}.footer{flex-wrap:wrap;gap:14px;font-size:14px}.footer a{font-size:14px}.tool-row p{font-size:16px}.detail-toolbar{font-size:14px;padding:12px 18px;letter-spacing:0}.detail-tools a{display:none}.close-dialog{font-size:14px}.detail-header{padding:25px 20px}.detail-heading{display:block}.detail-header h2{font-size:28px;line-height:1.5}.detail-header .eyebrow{font-size:14px;letter-spacing:0}.detail-meta{gap:18px;grid-template-columns:1fr 1fr;padding-top:19px}.detail-meta>div{font-size:16px}.detail-meta span{font-size:14px}.case-summary{grid-template-columns:1fr;gap:0;margin-top:23px}.case-summary>div:nth-child(3){grid-column:auto}.case-summary>div{padding:16px 0}.case-summary dt{font-size:14px}.case-summary dd{font-size:16px}.summary-actions{gap:12px 20px}.detail-body{display:block;padding:0 20px 30px}.chapter-sidebar{top:64px;padding-top:11px;margin:0 -20px 24px;max-width:calc(100% + 40px)}.detail-tabs{display:flex;flex-direction:row;overflow-x:auto}.detail-tabs button{font-size:14px;padding:9px 12px;min-height:42px;white-space:nowrap}.chapter-label{font-size:14px}.chapter-progress{height:2px}.case-section{padding-bottom:30px;margin-bottom:30px;scroll-margin-top:180px}.detail-panel h3{font-size:25px}.panel-kicker{font-size:14px;letter-spacing:0}.contribution-grid{grid-template-columns:1fr;gap:14px}.contribution-grid article,.flow-story,.key-rule{padding:21px}.case-table-wrap{margin-top:23px}.case-table-wrap table{font-size:16px;line-height:1.7}.case-table-wrap caption{padding:16px;font-size:16px}.case-table-wrap th,.case-table-wrap td{padding:12px 9px}.case-table-wrap th:first-child{width:23%}.case-subtitle{font-size:20px}.figure-points>div,.test-method>div{grid-template-columns:43px minmax(0,1fr);gap:13px}.gallery figcaption{display:block;font-size:16px}.gallery figcaption span{display:block;font-size:14px;white-space:normal}.reader-controls button,.reader-controls label,.reader-controls select{font-size:14px}.reader-controls{gap:6px}.reader-controls button{padding:8px 9px}.reader-thumbs button{font-size:14px;flex-basis:90px}.detail-links{gap:10px}.detail-links button,.detail-links a{font-size:14px}.lightbox-toolbar{padding:12px;gap:10px}.lightbox-toolbar #image-caption{font-size:14px;max-width:42vw}.lightbox-toolbar #image-counter{font-size:14px}.lightbox-actions button{padding:9px 10px;font-size:14px}.lightbox-bottom button,.lightbox-bottom span{font-size:14px}.lightbox-viewport{padding:5px}.practice-toolbar,.practice-source,.practice-skills span{font-size:14px}.photo-caption h4{font-size:16px}}
@media(max-width:360px){.identity-line h1{font-size:19px}.identity-line h1 span{font-size:15px}.site-header nav{gap:20px}.project-cta{flex-wrap:wrap}.lightbox-toolbar{flex-wrap:wrap}.lightbox-toolbar>div:first-child{width:100%;display:flex;gap:12px}.lightbox-toolbar #image-caption{max-width:75vw}.lightbox-actions{margin-left:auto}.case-table-wrap th,.case-table-wrap td{padding:10px 7px}.figure-points>div{gap:10px}.design-statement{font-size:31px}}
.insights{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.insight{display:block}.insight p{margin:10px 0 0}.life-heading .eyebrow,.photo-caption #life-count,.photo-corner,.practice-toolbar>span,.practice-drawer-body>.eyebrow,.practice-drawer-footer>span,.practice-detail figcaption,.practice-detail figcaption span{font-size:14px}.personal-strengths small,.album-hint,.practice-period{color:#b6acbf}.function-groups p br{display:initial}
@media(max-width:760px){#detail-brand{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-tools{flex-shrink:0}.practice-toolbar>span{min-width:0}.practice-toolbar button{flex-shrink:0}}
@media(max-width:360px){.album-controls{gap:4px}.album-controls>button{padding:10px 8px}.album-dots button{min-width:22px}}
/* Quiet navigation and complete cover artwork. */
.hero-actions .primary-button{background:linear-gradient(110deg,#f2a5c7 0%,#ffbd91 45%,#9dbdff 100%);border-color:transparent;color:#17151a;font-weight:600;box-shadow:0 5px 20px #ed9cbc1a;transition:transform .25s,filter .25s,box-shadow .25s}
.hero-actions .primary-button:hover{background:linear-gradient(110deg,#f2a5c7 0%,#ffbd91 45%,#9dbdff 100%);border-color:transparent;color:#17151a;filter:brightness(1.08);box-shadow:0 8px 26px #ed9cbc33}
.hero-actions .primary-button:active{transform:translateY(0);filter:brightness(.97)}
.site-header nav a,.site-header nav span,.index-top span:last-child,.hero-index .index-links button>span,.index-links button .index-project-name,.index-links b{color:#d2d0d7}
#practice .practice-row{--practice-accent:#d2d0d7!important}
.detail-tabs button,.detail-tabs button>span,.detail-tabs button[aria-current="location"],.detail-tabs button[aria-current="location"]>span{color:#d2d0d7}
.detail-tabs button[aria-current="location"]{background:#2a2b2f;border-color:#59595f}
.practice-toolbar>span,.practice-drawer-footer button{color:#d2d0d7}
.project-card .project-image,.project-card[data-project="visual"] .project-image{aspect-ratio:1556/1200;padding:0}
.project-card .project-image img,.project-card[data-project="visual"] .project-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.project-card[data-project="visual"] .project-image{background:#fff}
.detail-cover[data-cover="visual"] img{aspect-ratio:1556/1200;object-fit:contain;background:#fff}
.life-heading{min-height:24px;margin-bottom:20px}

/* Portrait-led introduction; gradients are overlays, the original photo is intact. */
.hero{position:relative;isolation:isolate;padding-top:38px}
.hero-portrait{position:absolute;z-index:-1;pointer-events:none;inset:-12px calc((min(1280px,100vw - 80px) - 100vw)/2) 0 24%;background-image:linear-gradient(90deg,#101112 0%,rgba(16,17,18,.92) 12%,rgba(16,17,18,.3) 50%,rgba(16,17,18,.15) 80%,#101112 100%),linear-gradient(0deg,#101112 0%,rgba(16,17,18,.1) 45%,rgba(16,17,18,.15) 85%,#101112 100%),url('assets/personal/hero-portrait.jpg');background-size:100% 100%,100% 100%,cover;background-position:center,center,center 31%}
.hero-layout{position:relative;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:end;gap:36px;min-height:490px;padding:24px 0 34px}
.hero-copy{align-self:center}
.design-statement{font-size:clamp(36px,4vw,58px);line-height:1.4;letter-spacing:-1.5px;color:#fafafa;margin:26px 0 0;font-weight:600;text-shadow:0 2px 26px #0006}
.design-statement-en{font-size:clamp(14px,1.25vw,17px);font-weight:400;line-height:1.7;letter-spacing:.025em;color:#d0d0d3;margin:13px 0 0}
.hero-description{max-width:540px;color:#c9c9ce;margin-top:23px}
.hero-index{background:rgba(16,17,18,.74);backdrop-filter:blur(14px);transform:none;align-self:end;padding:18px 20px;border:1px solid #ffffff26;box-shadow:none}
.hero-index .hero-preview{display:none}
.hero-index .index-top{margin-bottom:6px;font-size:14px}
.hero-index .index-links{margin-top:0}
.hero-index .index-links button{padding:10px 0}
.hero-bottom{position:relative}
@media(min-width:1600px){.hero-layout{min-height:570px}}
@media(max-width:1000px) and (min-width:761px){.hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:24px}.design-statement{font-size:36px}.hero-index{padding:14px}.hero-portrait{left:15%}}
@media(max-width:760px){.hero{padding-top:30px}.hero-layout{min-height:0;display:block;padding:0 0 22px}.hero-portrait{inset:0 -20px 0 -20px;background-image:linear-gradient(90deg,rgba(16,17,18,.92),rgba(16,17,18,.42)),linear-gradient(0deg,#101112 5%,rgba(16,17,18,.2) 65%,rgba(16,17,18,.25) 85%,#101112 100%),url('assets/personal/hero-portrait.jpg');background-position:center,center,62% 28%;background-size:100% 100%,100% 100%,cover}.design-statement{font-size:clamp(29px,7.8vw,48px);letter-spacing:-.8px;margin-top:28px}.design-statement-en{max-width:320px;font-size:14px;line-height:1.8;margin-top:12px}.hero-description{margin-top:23px}.hero-index{margin-top:30px;padding:14px 0 0;background:transparent;backdrop-filter:none;border:0;border-top:1px solid #ffffff30;border-radius:0}.hero-index .index-top{display:none}.hero-bottom{font-size:14px}}
/* Keep the portrait anchored on the right; extend its left edge with black. */
.hero-portrait{inset:0 0 0 48%;background-color:#101112;background-image:linear-gradient(90deg,#101112 0%,rgba(16,17,18,.96) 8%,rgba(16,17,18,.48) 28%,rgba(16,17,18,.05) 65%,rgba(16,17,18,.12) 100%),linear-gradient(0deg,#101112 0%,rgba(16,17,18,.12) 35%,rgba(16,17,18,.05) 78%,#101112 100%),url('assets/personal/hero-portrait.jpg');background-size:100% 100%,100% 100%,auto 135%;background-position:center,center,right 30%;background-repeat:no-repeat}
.hero-copy{position:relative;z-index:1}
@media(max-width:1000px) and (min-width:761px){.hero-portrait{left:48%;background-size:100% 100%,100% 100%,auto 120%}}
@media(max-width:760px){.hero-portrait{inset:0 -20px 0 30%;background-size:100% 100%,100% 100%,auto 100%;background-position:center,center,58% top;background-image:linear-gradient(90deg,#101112 0%,rgba(16,17,18,.88) 22%,rgba(16,17,18,.45) 75%),linear-gradient(0deg,#101112 12%,rgba(16,17,18,.25) 62%,rgba(16,17,18,.15) 85%,#101112 100%),url('assets/personal/hero-portrait.jpg')}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}