@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#111A31;--slate:#3B465B;--blue:#1F5EFF;--ice:#F2F6FF;--white:#FFF;--muted:#5C6A80;--border:#DDE4EF;--font:Manrope,Arial,sans-serif;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--navy);background:var(--white);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:12px;left:20px;transform:translateY(-160%);background:var(--white);padding:12px 20px;z-index:100;border:2px solid var(--blue)}.skip-link:focus{transform:none}
/* Polished glass header with a solid fallback. */
.site-header{background:rgba(255,255,255,.95);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(17,26,49,.08),0 8px 35px rgba(17,26,49,.05);backdrop-filter:blur(20px)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:16px;flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:12px;font-size:1.15rem;letter-spacing:-.035em;font-weight:800;line-height:1.1}.wordmark img{width:44px;height:44px;object-fit:contain;border-radius:10px;box-shadow:0 3px 8px rgba(17,26,49,.07)}.wordmark-sub{display:block;margin-top:7px;font-size:.75rem;letter-spacing:.015em;color:var(--muted);font-weight:500}nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:.875rem;font-weight:600}nav a{padding:10px 0}nav a:hover,nav a.active{color:var(--blue)}nav .nav-contact{padding:11px 18px;background:linear-gradient(145deg,#F7FAFF,#E8EFFF);border:1px solid #FFF;border-radius:9px;box-shadow:0 4px 8px rgba(17,26,49,.06),inset 0 -2px 0 #D9E3F7}nav .nav-contact:hover{background:var(--blue);color:var(--white);box-shadow:0 5px 18px rgba(31,94,255,.23)}.menu-toggle{display:none}
/* The portrait and typography remain in front of the rendered backdrop. */
.hero{background:var(--navy);color:var(--white);overflow:hidden;position:relative;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-2;background-color:var(--navy);background-image:linear-gradient(90deg,rgba(17,26,49,.98) 0%,rgba(17,26,49,.86) 34%,rgba(17,26,49,.23) 75%),linear-gradient(0deg,var(--navy),transparent 35%),url('assets/founder-depth.webp');background-size:cover;background-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 52%,rgba(31,94,255,.13),transparent 55%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:80px;padding-block:86px 82px}.hero-copy{min-width:0;position:relative;z-index:2}.eyebrow{font-size:.875rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;line-height:1.5;color:#A7BDFF}.dark-eyebrow{color:#174FDC}.hero h1{font-size:clamp(4.6rem,8.6vw,8rem);font-weight:800;line-height:1.03;letter-spacing:-.06em;margin:22px 0 26px;text-shadow:0 2px 0 #B4C3DA,0 5px 0 #3B465B,0 12px 22px rgba(0,0,0,.2)}.hero h1 span{color:#A9C4FF;text-shadow:0 2px 0 #7697D1,0 4px 0 #4164A9,0 6px 0 #294981,0 14px 30px rgba(0,0,0,.28)}.hero-lead{font-size:1.36rem;line-height:1.6;letter-spacing:-.02em;font-weight:500;max-width:490px}.hero-roles{font-size:1rem;line-height:1.85;color:#BFCCE3;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 23px;border-radius:10px;font-size:.875rem;font-weight:700;line-height:1.4;transition:transform .25s,box-shadow .25s,background .25s}.button-blue{background:linear-gradient(145deg,#3972FF,#1F5EFF 55%,#184BDD);color:var(--white);border:1px solid #638FFF;box-shadow:0 4px 0 #123492,0 14px 27px rgba(15,66,200,.28),inset 0 1px 0 rgba(255,255,255,.23)}.button-blue:hover{transform:translateY(-3px);box-shadow:0 7px 0 #123492,0 20px 32px rgba(15,66,200,.4)}.button-blue:active{transform:translateY(2px);box-shadow:0 2px 0 #123492}.text-link{font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#7A8CAB}.light-link:hover{color:#A7BDFF}.portrait-stage{min-width:0;width:100%;max-width:408px;justify-self:end;position:relative;perspective:1400px;padding:12px 0 12px 0;z-index:1}.portrait-stage:before{content:'';position:absolute;inset:-18px -25px 28px 30px;border-radius:26px;background:linear-gradient(135deg,rgba(172,198,255,.19),rgba(31,94,255,.24) 55%,rgba(14,28,61,.1));border:1px solid rgba(169,196,255,.3);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 28px 60px rgba(0,0,0,.15);transform:rotate(7deg) translateZ(-30px)}.founder-portrait{--pitch:1deg;--yaw:-5deg;--shine-x:30%;position:relative;min-width:0;width:100%;border:1px solid rgba(213,227,255,.62);padding:9px;border-radius:20px;background:linear-gradient(145deg,#6C7B94 0%,#253758 20%,#16243F 60%,#344B70 100%);transform:rotateX(var(--pitch)) rotateY(var(--yaw)) rotateZ(1deg);transform-style:preserve-3d;box-shadow:9px 8px 0 #15264F,11px 10px 0 #375C9D,18px 28px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .45s cubic-bezier(.2,.65,.3,1);will-change:transform}.founder-portrait:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent var(--shine-x),transparent 70%,rgba(168,197,255,.05))}.founder-portrait picture{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:12px 12px 4px 4px;background:#3B465B}.founder-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.founder-portrait figcaption{padding:17px 17px 11px;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:-.015em;color:#FFF}.founder-portrait figcaption span{color:#BFCCE3;font-weight:400}.hero-bottom{position:relative;display:flex;justify-content:space-between;gap:24px;padding-block:22px;color:#B4C3DB;font-size:.875rem;border-top:1px solid rgba(148,174,217,.2)}.hero-bottom a{color:#E1EAFE}.hero-bottom a:hover{color:var(--white)}
/* Reading surfaces stay calm while the supporting panels gain depth. */
.section{padding-block:108px}.section-heading{margin-bottom:55px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(2.3rem,4.1vw,3.65rem);letter-spacing:-.05em;font-weight:800;line-height:1.16}.muted-heading{color:var(--muted);font-weight:500}.story{background:radial-gradient(ellipse at 0% 22%,#EAF1FF 0%,transparent 42%),#FFF}.story-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:90px;align-items:start}.story-aside{position:relative;padding:32px;background:linear-gradient(140deg,#263954,#111A31 68%);color:#FFF;border-radius:20px;border:1px solid #425879;box-shadow:8px 8px 0 #DCE7FD,0 20px 38px rgba(17,26,49,.12),inset 0 1px 0 rgba(255,255,255,.16)}.aside-statement{font-size:1.55rem;font-weight:700;line-height:1.4;letter-spacing:-.03em;margin-bottom:24px}.story-aside>p:not(.aside-statement){font-size:1rem;line-height:1.9;color:#BFCCE3}.outside-work{margin-top:33px;padding-top:25px;border-top:1px solid #3B4C68}.outside-work h3{font-size:1rem;font-weight:700;margin-bottom:12px;color:#A9C4FF}.outside-work p{font-size:1rem;line-height:1.9;color:#BFCCE3}.story-body{min-width:0}.story-opening{font-size:1.3rem;line-height:1.75;letter-spacing:-.015em;font-weight:600}.story-body>p:not(:first-child){font-size:1rem;line-height:1.9;color:var(--slate);margin-top:22px}.story-body>.story-chapter{font-size:1.3rem;line-height:1.4;letter-spacing:-.025em;margin-top:38px;color:var(--navy)}.story-body>.story-chapter+p{margin-top:14px}.story-signoff{margin-top:35px;display:flex;flex-direction:column;gap:5px}.story-signoff strong{font-size:1.1rem;letter-spacing:-.03em}.story-signoff span{font-size:.875rem;color:var(--muted)}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.split-heading>div{min-width:0}.heading-note{max-width:300px;line-height:1.85;color:var(--muted);font-size:1rem;flex-shrink:0}.personal-principles{background:linear-gradient(160deg,#E7EFFD 0%,#F4F7FF 52%,#E9F0FC);border-block:1px solid #E0E8F7}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.principle{position:relative;padding:34px 28px 35px;border:1px solid #FFF;border-radius:18px;background:linear-gradient(140deg,#FFF,#F8FAFF);box-shadow:7px 8px 0 #D5E0F4,0 22px 35px rgba(28,54,108,.08),inset 0 1px 0 #FFF;transition:transform .3s,box-shadow .3s;min-width:0}.principle-number{display:inline-block;font-size:3.8rem;letter-spacing:-.065em;color:var(--blue);font-weight:800;line-height:1.15;margin-bottom:25px;text-shadow:0 2px 0 #D3DFFF,0 4px 0 #ACBFF0,0 8px 12px rgba(31,94,255,.12)}.principle h3{font-size:1.7rem;letter-spacing:-.04em;margin-bottom:12px}.principle h4{font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:12px}.principle p{font-size:1rem;line-height:1.85;color:var(--muted)}
.vision{background:var(--navy);color:var(--white);position:relative;overflow:hidden;isolation:isolate}.vision:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 5% 0%,rgba(31,94,255,.35),transparent 55%),linear-gradient(120deg,transparent 40%,rgba(111,145,203,.09) 40%,rgba(49,80,133,.18) 67%,transparent 67%)}.vision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px;align-items:center}.vision h2{font-size:clamp(2.7rem,4.8vw,4.3rem);line-height:1.15;margin-top:22px}.vision h2 span{color:#A9C4FF;text-shadow:0 3px 0 #2B477A,0 12px 26px rgba(0,0,0,.2)}.vision-copy{min-width:0;padding:34px;border:1px solid #415579;border-radius:20px;background:linear-gradient(145deg,rgba(65,85,121,.38),rgba(27,40,68,.75));box-shadow:8px 10px 0 rgba(5,12,31,.3),0 25px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.09)}.vision-copy p{font-size:1.0625rem;line-height:1.85;color:#CCD8EC}.vision-copy p+p{margin-top:23px}
.personal-work{background:#FFF}.work-list{display:flex;flex-direction:column;gap:25px}.work-entry{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:32px;background:linear-gradient(135deg,#FFF,#F2F6FF);padding:28px;border:1px solid #E3EAF6;border-radius:18px;box-shadow:0 5px 0 #E6ECF7,0 15px 28px rgba(17,26,49,.045)}.work-thumbnail{aspect-ratio:16/9;overflow:hidden;border-radius:9px;box-shadow:0 6px 12px rgba(17,26,49,.12)}.work-thumbnail img{width:100%;height:100%;object-fit:cover}.work-description{min-width:0}.company-role{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:#174FDC;font-weight:700;margin-bottom:8px}.work-description h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.35;margin-bottom:10px}.work-description>p:last-child{font-size:1rem;color:var(--muted);line-height:1.8}.work-link{font-size:.875rem;font-weight:700;color:#174FDC;text-decoration:underline;text-underline-offset:5px;max-width:160px;line-height:1.7}.work-link:hover{color:var(--navy)}.detailing-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141414;color:#C8A34C;padding:14px}.detailing-wordmark>span{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;letter-spacing:.015em}.detailing-wordmark>small{font-size:.75rem;letter-spacing:.09em;margin-top:4px}
.connect{background:radial-gradient(ellipse at 100% 100%,#D9E6FF,transparent 60%),var(--ice)}.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:86px;align-items:center}.connect h2{margin-top:20px}.connect-intro{max-width:440px;margin-top:24px;color:var(--muted);font-size:1rem;line-height:1.85}.contact-links{display:flex;flex-direction:column;gap:24px;min-width:0}.contact-row{display:flex;flex-direction:column;padding:27px 29px;border-radius:16px;border:1px solid #FFF;background:linear-gradient(135deg,#FFF,#F8FAFF);box-shadow:6px 7px 0 #D2DFF5,0 18px 25px rgba(17,26,49,.065);transition:box-shadow .3s,transform .3s}.contact-label{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.contact-value{font-size:1.4rem;letter-spacing:-.03em;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.email-value{font-size:1.06rem}.contact-action{font-size:.875rem;color:#174FDC;margin-top:12px;font-weight:600}.site-footer{background:var(--navy);color:var(--white);padding-block:43px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-name{font-size:1.125rem;font-weight:800;letter-spacing:-.03em;line-height:1.5}.footer-name span{display:block;font-size:.875rem;color:#B6C5DE;font-weight:500;letter-spacing:0}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.875rem;color:#CCD8EC}.footer-links a:hover{color:var(--white)}.footer-inner>p{font-size:.75rem;color:#B6C5DE}
@media(hover:hover) and (pointer:fine){.principle:hover{transform:translateY(-7px);box-shadow:7px 15px 0 #D5E0F4,0 28px 38px rgba(28,54,108,.12)}.contact-row:hover{transform:translateY(-4px);box-shadow:6px 11px 0 #D2DFF5,0 22px 30px rgba(17,26,49,.09)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:46px}.hero h1{font-size:clamp(3.2rem,8.4vw,6.4rem)}.hero-lead{font-size:1.2rem}.portrait-stage{max-width:390px}.story-layout{gap:55px}.story-aside{padding:27px}.connect-grid{gap:45px}.heading-note{max-width:245px}.principle-grid{gap:23px}.principle{padding:28px 23px}.work-entry{grid-template-columns:150px minmax(0,1fr) auto;gap:24px;padding:24px}.detailing-wordmark>span{font-size:1.1rem}.detailing-wordmark>small{font-size:.75rem}.vision-grid{gap:55px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:15px;padding-block:14px}.wordmark{font-size:1.05rem}.wordmark img{width:36px;height:36px}.menu-toggle{display:block;background:var(--ice);color:var(--navy);border:1px solid #E3EAF6;border-radius:8px;padding:11px 15px;font-size:.875rem;font-weight:700}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 20px 20px;background:var(--white);box-shadow:0 12px 20px rgba(17,26,49,.08)}nav.open{display:flex;flex-direction:column;gap:5px;align-items:stretch}nav a{padding:12px}nav .nav-contact{padding:12px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:56px;padding-block:56px 62px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(3rem,13vw,6rem)}.hero-lead{font-size:1.2rem}.portrait-stage{max-width:400px;justify-self:center;width:calc(100% - 24px)}.founder-portrait{transform:rotateX(1deg) rotateY(-3deg) rotateZ(1deg)}.hero-art{background-position:65% center;background-image:linear-gradient(180deg,var(--navy) 0%,rgba(17,26,49,.92) 35%,rgba(17,26,49,.15) 70%,var(--navy) 100%),url('assets/founder-depth.webp')}.section{padding-block:76px}.section-heading{margin-bottom:38px}h2{font-size:2.55rem}.story-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:38px}.story-aside{padding:24px}.aside-statement{font-size:1.3rem}.story-opening{font-size:1.15rem}.split-heading{gap:25px}.heading-note{max-width:220px}.principle-grid{grid-template-columns:minmax(0,1fr);gap:28px}.principle{padding:30px;display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:25px}.principle-number{grid-row:1/4;margin:0;font-size:3.3rem}.principle h4,.principle p{grid-column:2}.vision-grid{grid-template-columns:minmax(0,1fr);gap:35px}.vision-copy{padding:30px}.connect-grid{grid-template-columns:minmax(0,1fr);gap:40px}.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact-row{padding:24px}.work-entry{grid-template-columns:130px minmax(0,1fr);gap:22px}.work-link{grid-column:2}.work-thumbnail{grid-row:1/3;align-self:center}.footer-links{gap:10px 20px}.footer-inner{gap:24px}}
@media(max-width:600px){html{scroll-padding-top:94px}.hero-grid{padding-block:45px 52px;gap:48px}.hero h1{font-size:clamp(2.75rem,19vw,6rem);margin-top:21px;letter-spacing:-.055em}.hero-actions{margin-top:28px;gap:24px}.hero-bottom{flex-direction:column;gap:9px;padding-block:21px}.portrait-stage:before{inset:-10px -12px 25px 22px;border-radius:20px}.founder-portrait{border-radius:17px;padding:7px;box-shadow:7px 7px 0 #15264F,9px 9px 0 #375C9D,12px 24px 40px rgba(0,0,0,.3)}.founder-portrait figcaption{padding:16px 14px 11px}.section{padding-block:66px}.section-heading{margin-bottom:34px}h2{font-size:clamp(1.8rem,8.4vw,2.6rem);line-height:1.2}.story-layout{grid-template-columns:minmax(0,1fr);gap:35px}.story-aside{padding:27px}.aside-statement{font-size:1.4rem}.aside-statement br{display:none}.outside-work{margin-top:26px;padding-top:22px}.story-opening{font-size:1.12rem}.story-body>p:not(:first-child){margin-top:20px}.story-body>.story-chapter{font-size:1.2rem;margin-top:31px}.split-heading{flex-direction:column;align-items:start;gap:19px}.heading-note{max-width:none}.principle{display:block;padding:27px}.principle-number{font-size:3.4rem;margin-bottom:24px}.principle h3{font-size:1.65rem}.vision h2{font-size:clamp(2rem,10vw,3rem)}.vision-copy{padding:26px}.vision-copy p{font-size:1rem}.work-entry{grid-template-columns:minmax(0,1fr);gap:21px;padding:24px}.work-thumbnail{width:170px;grid-row:auto}.work-link{grid-column:1}.work-description h3{font-size:1.4rem}.detailing-wordmark>span{font-size:1.3rem}.contact-links{grid-template-columns:minmax(0,1fr)}.contact-value{font-size:1.35rem}.email-value{font-size:1.02rem}.footer-inner{align-items:start;flex-direction:column;gap:22px}.footer-links{flex-direction:column;gap:10px}.site-footer{padding-block:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.founder-portrait{transform:none;will-change:auto}.principle:hover,.contact-row:hover,.button:hover{transform:none}}
/* Motion progresses from the introduction into the story. Content stays visible without JS. */
.hero-bottom-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.motion-toggle{color:#D3E0F7;background:rgba(76,102,149,.17);border:1px solid #52698C;border-radius:7px;font-size:.875rem;line-height:1.5;padding:6px 12px;cursor:pointer}.motion-toggle:hover{background:#304569;color:#FFF}.motion-toggle[hidden]{display:none}.hero-art{transform:scale(1.06)}
@media(prefers-reduced-motion:no-preference){
  html.motion-on .hero-copy>.eyebrow{animation:founder-enter .8s .05s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .hero h1{animation:title-enter 1.15s .16s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .hero-lead{animation:founder-enter .9s .38s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .hero-roles{animation:founder-enter .9s .51s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .hero-actions{animation:founder-enter .9s .65s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .founder-portrait{animation:portrait-enter 1.3s .32s ease-out both}
  html.motion-on .portrait-stage{animation:portrait-float 8s 1.6s ease-in-out infinite}
  html.motion-on .portrait-stage:before{animation:frame-breathe 9s 1.6s ease-in-out infinite}
  html.motion-on .hero-art{animation:backdrop-drift 24s ease-in-out infinite alternate}
  html.motion-on .hero-bottom{animation:founder-enter .9s .83s cubic-bezier(.16,1,.3,1) both}
  html.motion-on .button-blue{position:relative;overflow:hidden}
  html.motion-on .button-blue:before{content:'';position:absolute;pointer-events:none;inset:-100% auto -100% -50%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(25deg);animation:button-glint 11s 3s ease-in-out infinite}
  html.motion-on .vision:before{background-size:130% 130%;animation:vision-light 18s ease-in-out infinite alternate}
  html.motion-on.motion-paused *,html.motion-on.motion-paused *:before,html.motion-on.motion-paused *:after{animation-play-state:paused!important}
  html.motion-on.motion-paused .hero-copy>*,html.motion-on.motion-paused .founder-portrait,html.motion-on.motion-paused .hero-bottom{animation:none}
}
@keyframes founder-enter{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes title-enter{from{opacity:0;transform:translate3d(0,45px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes portrait-enter{from{opacity:0;filter:brightness(.6)}to{opacity:1;filter:brightness(1)}}
@keyframes portrait-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes frame-breathe{0%,100%{opacity:.7;transform:rotate(7deg) translateZ(-30px)}50%{opacity:1;transform:rotate(10deg) translateZ(-30px)}}
@keyframes backdrop-drift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-12px,8px,0)}}
@keyframes button-glint{0%,78%{left:-50%;opacity:0}80%{opacity:1}94%,100%{left:145%;opacity:0}}
@keyframes vision-light{from{background-position:0% 0%}to{background-position:100% 65%}}
@media(max-width:800px){@keyframes portrait-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none}.motion-toggle{display:none}}
@media print{*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}
/* A visible, layered scene: ambient movement continues without pointer interaction. */
.hero-scene{position:absolute;inset:-55px -40px;z-index:-2;pointer-events:none;isolation:isolate}.hero-scene .hero-art{z-index:0}.scene-light{position:absolute;display:block;border-radius:50%;filter:blur(24px);opacity:.55;mix-blend-mode:screen;pointer-events:none}.scene-light-blue{width:500px;height:500px;right:-80px;top:8%;background:radial-gradient(circle,rgba(31,94,255,.44),rgba(31,94,255,.12) 42%,transparent 70%)}.scene-light-ice{width:400px;height:300px;right:20%;bottom:3%;background:radial-gradient(ellipse,rgba(156,197,255,.24),rgba(61,121,255,.12) 40%,transparent 70%)}.scene-sheen{position:absolute;top:-15%;left:65%;height:130%;width:15%;background:linear-gradient(90deg,transparent,rgba(169,196,255,.12),rgba(31,94,255,.14),transparent);transform:skewX(-22deg);opacity:.45}.portrait-parallax{min-width:0;width:100%;max-width:408px;justify-self:end;display:grid;position:relative;z-index:1}.portrait-parallax .portrait-stage{max-width:none;width:100%}
@media(prefers-reduced-motion:no-preference){
  html.motion-on .hero-scene{transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .85s cubic-bezier(.16,1,.3,1)}
  html.motion-on .portrait-parallax{transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0);transition:transform .8s cubic-bezier(.16,1,.3,1)}
  html.motion-on .hero-art{animation:scene-camera 14s ease-in-out infinite alternate}
  html.motion-on .portrait-stage{animation:portrait-lift 5.5s 1.2s ease-in-out infinite}
  html.motion-on .portrait-stage:before{animation:frame-breathe 6s ease-in-out infinite}
  html.motion-on .scene-light-blue{animation:blue-light-drift 11s ease-in-out infinite}
  html.motion-on .scene-light-ice{animation:ice-light-drift 9s ease-in-out infinite}
  html.motion-on .scene-sheen{animation:scene-light-sweep 12s ease-in-out infinite}
  html.motion-on .vision:before{animation:vision-light 10s ease-in-out infinite alternate}
  html.motion-on .hero.scene-idle *,html.motion-on .hero.scene-idle *:before,html.motion-on .hero.scene-idle *:after{animation-play-state:paused!important}
}
@keyframes scene-camera{from{transform:scale(1.08) translate3d(-12px,-6px,0)}to{transform:scale(1.2) translate3d(24px,12px,0)}}
@keyframes portrait-lift{0%,100%{transform:translate3d(0,4px,0) rotate(-.4deg)}50%{transform:translate3d(0,-22px,0) rotate(.6deg)}}
@keyframes blue-light-drift{0%,100%{transform:translate3d(-30px,25px,0) scale(.88);opacity:.45}50%{transform:translate3d(65px,-45px,0) scale(1.12);opacity:.9}}
@keyframes ice-light-drift{0%,100%{transform:translate3d(-30px,15px,0);opacity:.45}50%{transform:translate3d(55px,-35px,0);opacity:.8}}
@keyframes scene-light-sweep{0%,100%{transform:translate3d(-110px,0,0) skewX(-22deg);opacity:.25}50%{transform:translate3d(160px,0,0) skewX(-22deg);opacity:.7}}
@media(max-width:1100px){.portrait-parallax{max-width:390px}}
@media(max-width:800px){.portrait-parallax{max-width:400px;justify-self:center;width:calc(100% - 24px)}.scene-light-blue{width:360px;height:420px;top:40%}.scene-light-ice{right:5%;bottom:5%}@keyframes portrait-lift{0%,100%{transform:translate3d(0,3px,0) rotate(-.3deg)}50%{transform:translate3d(0,-15px,0) rotate(.4deg)}}}
@media(prefers-reduced-motion:reduce){.hero-scene,.portrait-parallax{transform:none!important}.scene-light,.scene-sheen{display:none}}
/* Use the detailing company's real identity on its website links. */
.detailing-brand{display:flex;align-items:center;justify-content:center;background:#000;padding:12px;border:1px solid #443824}.detailing-brand img{height:auto;width:100%;object-fit:contain}.detailing-brand:hover{box-shadow:0 7px 16px rgba(17,17,17,.22)}.detailing-work .company-role{color:#705313}.detailing-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:190px;min-height:48px;padding:12px 17px;font-size:.875rem;line-height:1.5;text-decoration:none;color:#F4F4F4;background:linear-gradient(145deg,#292929,#121212);border:1px solid #C8A34C;border-radius:9px;box-shadow:0 3px 0 #715723,0 8px 16px rgba(17,17,17,.12);transition:background .2s,transform .2s}.detailing-link:hover{color:#E9C97E;background:#24201A;transform:translateY(-2px)}.footer-links{align-items:center}.footer-detailing{display:flex;align-items:center;padding:7px 12px;background:#000;border:1px solid #514128;border-radius:8px}.footer-detailing img{width:155px;height:auto}.footer-detailing:hover{border-color:#C8A34C}.detailing-brand:focus-visible,.detailing-link:focus-visible,.footer-detailing:focus-visible{outline-color:#C8A34C}
@media(max-width:800px){.footer-links{align-items:flex-start}.detailing-link{justify-self:start}}@media(prefers-reduced-motion:reduce){.detailing-link:hover{transform:none}}

.outside-work p+p{margin-top:18px}.outside-work p+h3{margin-top:28px}