:root{font-family:Manrope,sans-serif;color:#172334;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#172334;--navy:#101b2b;--muted:#66717e;--paper:#f5f3ed;--teal:#b7f1dc;--orange:#f3a66c;--line:#d9d9d1;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{overflow:hidden}.section-wrap{width:min(1160px,calc(100% - 64px));margin:0 auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 64px));margin:auto;border-bottom:1px solid #dfdfd7;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.13em}.brand-mark{width:38px;height:38px;background:var(--navy);color:var(--teal);display:grid;place-items:center;font-size:12px;letter-spacing:-.04em}.brand-sub{display:block;color:#8b9298;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:4px}.nav-links{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}.nav-links>a:not(.nav-contact){color:#5d6875;transition:color .2s}.nav-links>a:hover{color:#138c72}.nav-contact{background:var(--navy);color:#fff;padding:13px 16px}.arrow{font-size:17px;margin-left:9px}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding-top:48px;padding-bottom:95px}.hero-copy{position:relative;z-index:2;padding:18px 0 0}.eyebrow,.section-kicker,.hero-meta,.scroll-cue,.small-label,.project-label,.card-label,.visual-caption,.period,.focus-number,.credential-note,.back-top{font-family:var(--mono);font-size:10px;letter-spacing:.12em}.eyebrow{color:#5e6a77;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;border-radius:50%;background:#37b18e;box-shadow:0 0 0 4px #dceee6}.hero h1{font-size:clamp(44px,5.7vw,76px);line-height:1.1;letter-spacing:-.065em;margin:31px 0 25px;font-weight:600}.hero h1 em,.intro h2 em,.focus-heading h2 em,.experience-heading h2 em,.credentials h2 em,.contact-inner h2 em{font-family:Georgia,serif;font-weight:400;color:#238f75;letter-spacing:-.055em}.hero-lede{max-width:480px;color:#626e7a;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 19px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:#1b3b4b}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #a9b1b3;padding-bottom:7px}.text-link span{margin-left:8px}.hero-meta{display:flex;align-items:center;gap:14px;color:#79838a;margin-top:72px;font-size:9px}.meta-line{height:1px;width:32px;background:#c4c9c6}.hero-visual{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.visual-grid{position:absolute;top:4%;right:0;bottom:8%;left:3%;background-image:linear-gradient(#dce0d8 1px,transparent 1px),linear-gradient(90deg,#dce0d8 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:linear-gradient(135deg,transparent,#000 35%,#000 70%,transparent);mask-image:linear-gradient(135deg,transparent,#000 35%,#000 70%,transparent)}.portrait-frame{width:310px;height:385px;position:relative;z-index:1;border-radius:160px 160px 8px 8px;overflow:hidden;background:#d8d5c9;border:8px solid #f5f3ed;box-shadow:0 30px 70px #1a28351c}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.orbit{position:absolute;border:1px solid #a4c6b9;border-radius:50%;z-index:0}.orbit-one{width:430px;height:430px;transform:rotate(-26deg) scaleY(.52)}.orbit-two{width:360px;height:475px;transform:rotate(35deg) scaleX(.62);border-color:#d7a982}.floating-card{position:absolute;z-index:2;background:#fffdf8;padding:17px 19px;box-shadow:0 14px 35px #17233412}.card-top{top:87px;right:-3px}.card-label{display:block;color:#87918e;font-size:9px;margin-bottom:10px}.floating-card strong{display:block;font-size:13px}.card-sub{display:block;font-size:10px;color:#7b858b;line-height:1.7;margin-top:5px}.card-bottom{bottom:55px;left:2px;display:flex;align-items:center;gap:12px}.metric{font-size:36px;font-weight:700;letter-spacing:-.08em}.metric span{color:#278e75;font-size:20px}.visual-caption{position:absolute;bottom:10px;right:0;color:#78827f;font-size:9px}.visual-caption span{color:#238f75;font-size:16px;margin-left:9px}.scroll-cue{position:absolute;bottom:31px;left:0;color:#7d878d;font-size:9px;display:flex;align-items:center;gap:12px}.scroll-line{height:27px;width:1px;background:#a6b6af}.section-kicker{display:flex;align-items:center;gap:18px;color:#78827f}.kicker-rule{height:1px;background:#d8d9d2;flex:1}.intro{padding-top:112px;padding-bottom:128px;border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding-top:44px}.intro h2,.focus-heading h2,.experience-heading h2,.credentials h2{font-size:clamp(36px,4vw,52px);line-height:1.17;letter-spacing:-.06em;font-weight:600;margin:0}.intro-body{max-width:590px}.intro-body p{color:#66717c;font-size:13px;line-height:1.95;margin:0 0 18px}.intro-body .intro-lead{font-size:17px;color:#263647;line-height:1.7;margin-bottom:20px}.education-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.education-strip div{display:flex;flex-direction:column;gap:7px}.small-label{color:#7f8a8c;font-size:9px;margin-bottom:5px}.education-strip strong{font-size:11px}.education-strip span:last-child{font-size:10px;color:#79848a;line-height:1.6}.focus-section{background:var(--navy);color:#f5f3ed;padding:91px 0 100px;position:relative}.focus-section:after{content:"SX";position:absolute;right:-20px;bottom:-110px;font-size:300px;letter-spacing:-.12em;font-weight:800;color:#ffffff04;pointer-events:none}.light{color:#a2b1b5}.light .kicker-rule{background:#34404d}.focus-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:43px 0 48px}.focus-heading h2{font-size:clamp(38px,4.5vw,57px)}.focus-heading h2 em,.contact-inner h2 em{color:var(--teal)}.focus-heading>p{max-width:390px;font-size:12px;line-height:1.9;color:#aab4bc;margin:0 0 4px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a4551}.focus-card{padding:24px 23px 0 0;display:flex;gap:20px;position:relative;min-height:130px}.focus-card+.focus-card{padding-left:24px;border-left:1px solid #3a4551}.focus-number{color:#a6b5b6;font-size:10px}.focus-card h3{font-size:15px;margin:0 0 12px}.focus-card p{font-size:11px;line-height:1.8;color:#aab4bc;max-width:250px;margin:0}.focus-symbol{position:absolute;right:17px;top:25px;color:var(--teal);font-size:18px}.experience{padding-top:115px;padding-bottom:120px}.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:43px 0 65px}.experience-heading>p{max-width:355px;color:#69747f;font-size:12px;line-height:1.9;margin:0 0 5px}.timeline{border-top:1px solid var(--line)}.experience-item{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid var(--line);padding:32px 0 38px}.timeline-marker{padding-top:5px}.timeline-marker span{font-family:var(--mono);font-size:10px;color:#238f75;border:1px solid #a9cdbf;border-radius:50%;height:31px;width:31px;display:grid;place-items:center}.company-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.company-heading h3{font-size:21px;letter-spacing:-.04em;margin:0 0 8px}.job-title{font-size:12px;color:#66717d;margin:0}.period{color:#77838a;white-space:nowrap;font-size:9px;padding-top:7px}.company-intro{max-width:720px;color:#69747e;font-size:12px;line-height:1.85;margin:20px 0 22px}.project-list{border-top:1px solid #e0e0d9}.project-card{border-bottom:1px solid #e0e0d9}.project-trigger{border:0;background:none;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:17px 0;cursor:pointer;color:var(--ink)}.project-trigger-left{display:flex;align-items:center;gap:23px}.project-label{font-size:8px;color:#87918e}.project-trigger strong{font-size:12px;font-weight:700}.expand-icon{font-size:20px;color:#278e75;font-weight:400}.project-content{padding:0 0 24px 74px;max-width:850px}.project-content>p{font-size:12px;line-height:1.9;color:#68747d;margin:0 0 16px}.project-image{display:block;width:100%;max-height:290px;object-fit:cover;object-position:top;border:1px solid #dedfd7;margin:0 0 19px;background:#e9e8e0}.highlights{margin:0 0 18px;padding-left:17px;color:#5f6c75;font-size:11px;line-height:1.9}.highlights li{padding-left:4px;margin:5px 0}.highlights li::marker{color:#278e75}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag{font-family:var(--mono);font-size:9px;color:#4e7168;background:#e5eee7;padding:7px 9px}.credentials{padding-top:0;padding-bottom:120px}.credentials-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding-top:44px}.credentials-intro{font-size:12px;line-height:1.9;color:#69747e;max-width:350px;margin:22px 0 27px}.credentials .text-link{display:inline-block}.credential-list{border-top:1px solid var(--line)}.credential{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.credential-icon{height:40px;width:40px;flex:0 0 40px;display:grid;place-items:center;background:#e6e9df;color:#278e75;font-size:17px}.credential>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.credential strong{font-size:12px}.credential small{font-size:10px;color:#77828a}.credential>.arrow{color:#278e75}.credential-note{font-size:8px;color:#7d8987}.contact-section{background:#172334;color:#fff;padding:78px 0 85px;position:relative;overflow:hidden}.contact-inner{position:relative}.contact-inner .eyebrow{color:#c9d1d8;margin-top:50px}.contact-inner h2{font-size:clamp(50px,7vw,84px);line-height:1.02;letter-spacing:-.075em;font-weight:600;margin:22px 0}.contact-copy{max-width:390px;color:#c4cbd2;font-size:12px;line-height:1.9}.contact-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button-light{background:#f6f4ec;color:#172334}.button-light:hover{background:#d7f7e9}.contact-url{font-size:11px;border-bottom:1px solid #ffffff70;padding-bottom:6px}.contact-decoration{position:absolute;right:3%;top:22%;font-size:210px;font-weight:800;letter-spacing:-.15em;color:#ffffff0d;pointer-events:none}.contact-decoration span{font-size:70px;vertical-align:top;color:#f3a66c55}.footer{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>span{font-size:10px;color:#818a8e}.footer-brand .brand-mark{background:var(--navy)}.back-top{font-size:9px;color:#65717b}@media(max-width:850px){.section-wrap,.topbar{width:calc(100% - 44px)}.hero{grid-template-columns:1fr .8fr;min-height:640px}.hero h1{font-size:clamp(42px,6vw,60px)}.hero-visual{transform:scale(.88);transform-origin:center right;margin-left:-40px}.portrait-frame{width:270px;height:340px}.orbit-one{width:360px;height:360px}.orbit-two{height:390px}.card-top{right:-12px}.intro-grid,.credentials-grid{gap:6%}.experience-item{grid-template-columns:60px 1fr}.focus-card{gap:13px}.focus-symbol{display:none}.project-content{padding-left:0}}@media(max-width:640px){.section-wrap,.topbar{width:calc(100% - 36px)}.topbar{height:72px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:9px 12px;font-size:11px;color:var(--ink)}.nav-links{display:none;position:absolute;top:71px;left:-18px;right:-18px;background:var(--paper);padding:20px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px 0}.nav-links .nav-contact{padding:14px;margin-top:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:64px;padding-bottom:70px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,12vw,63px);margin-top:26px}.hero-lede{font-size:13px}.hero-meta{margin-top:42px;font-size:8px;gap:9px;flex-wrap:wrap}.hero-visual{height:420px;margin:20px 0 0;transform:none;align-self:center;width:100%;max-width:430px}.portrait-frame{width:235px;height:300px}.orbit-one{width:330px;height:330px}.orbit-two{height:360px}.card-top{top:50px;right:0}.card-bottom{bottom:42px;left:0}.floating-card{padding:12px 14px}.visual-caption,.scroll-cue{bottom:0}.intro{padding-top:76px;padding-bottom:80px}.intro-grid,.credentials-grid{grid-template-columns:1fr;gap:28px;padding-top:32px}.intro h2,.focus-heading h2,.experience-heading h2,.credentials h2{font-size:39px}.intro-body p{font-size:12px}.education-strip{gap:13px}.education-strip strong{font-size:10px}.focus-section{padding:68px 0 72px}.focus-heading,.experience-heading{display:block;padding:34px 0}.focus-heading>p,.experience-heading>p{margin-top:20px}.focus-grid{grid-template-columns:1fr}.focus-card,.focus-card+.focus-card{border-left:0;border-bottom:1px solid #3a4551;padding:20px 0;min-height:0}.focus-card:last-child{border-bottom:0}.focus-symbol{display:block;right:0;top:20px}.experience{padding-top:78px;padding-bottom:80px}.experience-heading{padding-bottom:36px}.experience-item{grid-template-columns:37px 1fr;padding:25px 0 30px}.timeline-marker span{width:27px;height:27px;font-size:8px}.company-heading{display:block}.company-heading h3{font-size:18px}.period{display:block;padding-top:12px}.company-intro{font-size:11px;margin:15px 0 17px}.project-trigger{padding:15px 0}.project-trigger-left{gap:11px;align-items:flex-start}.project-label{padding-top:3px}.project-trigger strong{font-size:11px;line-height:1.6}.project-content>p{font-size:11px}.project-image{max-height:190px}.tag{font-size:8px}.credentials{padding-bottom:80px}.credentials-grid{gap:34px}.credential{gap:12px}.credential-note{display:none}.contact-section{padding:64px 0 70px}.contact-inner .eyebrow{margin-top:42px}.contact-inner h2{font-size:clamp(48px,13vw,68px)}.contact-copy{font-size:11px}.contact-actions{align-items:flex-start;flex-direction:column;gap:20px}.contact-decoration{right:-35px;top:43%;font-size:140px}.footer{padding:25px 0;min-height:0;flex-wrap:wrap}.footer>span{order:3;width:100%;padding-top:8px}.footer-brand{transform:scale(.9);transform-origin:left center}.back-top{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px}.project-gallery.single{grid-template-columns:minmax(0,1fr);max-width:760px}.project-figure{margin:0;min-width:0}.project-figure .project-image{width:100%;height:auto;max-height:280px;object-fit:contain;object-position:top;background:#ebe9e2;margin:0;border:1px solid #dedfd7}.project-figure figcaption{font-size:10px;line-height:1.6;color:#77828a;padding:7px 1px 0}@media(max-width:640px){.project-gallery{grid-template-columns:minmax(0,1fr);gap:12px}.project-figure .project-image{max-height:230px}}.hero-lede{font-size:17px;line-height:1.85}.hero-meta,.eyebrow,.section-kicker,.scroll-cue,.small-label,.card-label,.visual-caption{font-size:11px}.nav-links,.button,.text-link{font-size:14px}.intro-body p{font-size:15px;line-height:1.9}.intro-body .intro-lead{font-size:19px}.education-strip strong{font-size:13px}.education-strip span:last-child{font-size:12px}.focus-heading>p,.experience-heading>p,.company-intro{font-size:14px;line-height:1.9}.focus-card h3{font-size:17px}.focus-card p{font-size:13px;line-height:1.85}.company-heading h3{font-size:24px}.job-title{font-size:14px}.period{font-size:12px}.project-label{font-size:10px}.project-trigger strong{font-size:15px;line-height:1.55}.project-content>p{font-size:15px;line-height:1.9}.highlights{font-size:14px;line-height:1.85}.tag{font-size:11px;padding:8px 10px}.credentials-intro{font-size:14px;line-height:1.9}.credential strong{font-size:14px}.credential small{font-size:12px}.contact-copy{font-size:14px;line-height:1.9}.contact-url{font-size:13px}.footer>span{font-size:12px}.back-top{font-size:11px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:8px 0 24px}.project-figure{background:#fffdf8;border:1px solid #dedfd7;padding:9px}.project-figure .project-image{height:240px;max-height:none;object-fit:contain;background:#f1f0ea;margin:0;border:0}.gallery-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}.zoom-hint{position:absolute;right:8px;bottom:8px;padding:6px 9px;background:#172334e8;color:#fffdf8;font-size:11px;opacity:0;transition:opacity .18s}.gallery-image-button:hover .zoom-hint,.gallery-image-button:focus-visible .zoom-hint{opacity:1}.project-figure figcaption{font-size:12px;line-height:1.6;color:#4f5c68;padding:10px 2px 2px}.project-reference a{display:inline-block;font-size:14px;font-weight:700;color:#354b60;border-bottom:1px solid #aab3ba;padding-bottom:3px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a121deb;display:flex;align-items:center;justify-content:center;padding:5vw}.lightbox-close{position:absolute;top:18px;right:24px;border:1px solid #ffffff70;background:#172334;color:#fff;font-size:34px;line-height:1;width:48px;height:48px;cursor:pointer}.lightbox-content{margin:0;max-width:min(1200px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-content img{display:block;max-width:100%;max-height:78vh;object-fit:contain;background:#f5f3ed}.lightbox-content figcaption{color:#fffdf8;font-size:15px;line-height:1.5;text-align:center}@media(max-width:850px){.project-figure .project-image{height:210px}}@media(max-width:640px){.hero-lede{font-size:15px}.intro-body p,.project-content>p{font-size:14px}.intro-body .intro-lead{font-size:17px}.focus-heading>p,.experience-heading>p,.company-intro{font-size:13px}.company-heading h3{font-size:21px}.project-trigger strong{font-size:14px}.highlights{font-size:13px}.project-gallery{grid-template-columns:minmax(0,1fr);gap:14px}.project-figure .project-image{height:auto;max-height:320px;min-height:150px}.zoom-hint{opacity:1;font-size:10px}.project-figure figcaption{font-size:12px}.lightbox-backdrop{padding:16px}.lightbox-close{top:10px;right:10px;width:42px;height:42px}.lightbox-content img{max-height:75vh}.lightbox-content figcaption{font-size:13px}}.brand-sub{font-size:10px}.card-sub{font-size:12px}.floating-card strong{font-size:15px}.card-label,.visual-caption,.scroll-cue,.focus-number,.credential-note,.timeline-marker span{font-size:11px}.credential-icon{font-size:18px}
