/* One focused dark feature, inspired by Investing; the surrounding page stays light. */
.home-page .expertise-section{background:transparent;border:0}
.expertise-feature{--expertise-gold:var(--site-gold);position:relative;isolation:isolate;margin:12px;border-radius:38px;background:var(--site-night);background-image:radial-gradient(ellipse at 90% 0%,var(--site-night-glow) 0%,transparent 62%);color:#fffdf5;overflow:hidden}
.home-page .expertise-feature-inner{padding-top:68px;padding-bottom:46px}
.expertise-feature .section-label{width:fit-content;gap:10px;margin-bottom:29px;padding:6px 13px;border:1px solid #ffffff18;border-radius:40px;background:#ffffff0c;color:#d9e2e7;font-size:11px;letter-spacing:.2px;text-transform:none}
.expertise-feature .section-label>span:first-child{color:var(--expertise-gold);font-size:10px}
.home-page .expertise-feature .expertise-grid{grid-template-columns:1.2fr 1fr;column-gap:42px;row-gap:0;align-items:center}
.home-page .expertise-feature .expertise-intro>h2{max-width:640px;margin:0;font-size:56px;letter-spacing:-2.3px;line-height:1.1;white-space:normal}
.expertise-feature h2 .handwritten{display:block;margin-top:7px;font-size:1.32em;line-height:1.1;letter-spacing:-1.5px;color:var(--expertise-gold)}
.expertise-panels{min-height:208px;max-width:595px;margin-top:27px}
.expertise-panel[hidden]{display:none}
.expertise-feature .expertise-detail{padding:0;font-size:15px;line-height:1.95;color:#c3cfd7}
.expertise-feature .expertise-detail strong{font-weight:500;color:#fff8e5}
.expertise-feature .expertise-detail a{color:#f2d58e;text-decoration-color:#f2d58e80}
.expertise-feature :is(button,[data-carousel-slide]):focus-visible{outline:2px solid #f4d788;outline-offset:5px}
.home-page .expertise-support{padding-top:65px;padding-bottom:94px}
.home-page .expertise-support .key-skills{margin-top:0;padding-top:0;border:0}

/* A large physical object with a pronounced scroll-driven flight and turn. */
.home-page .expertise-feature .board-stage{width:460px;max-width:100%;height:420px;margin:0;justify-self:center;perspective:1000px}
.home-page .expertise-feature .board-stage::before{inset:30px 32px;border:1px solid #8eb7cc30;background:radial-gradient(circle,#446f8860,#1c344738 65%,transparent 70%);box-shadow:0 0 65px #6c9caf18;transform:rotate(calc(var(--board-turn,-16deg) * -1)) scale(var(--board-scale,1))}
.home-page .expertise-feature .board-stage::after{content:'';position:absolute;inset:58px 9px;border:1px dashed #deb95b36;border-radius:50%;transform:rotate(calc(var(--board-turn,-16deg) * -1 - 20deg));pointer-events:none}
.home-page .expertise-feature .board-stage>img{width:390px;max-width:100%;height:390px;transform:perspective(1000px) translate3d(var(--board-slide,0px),var(--board-lift,0px),0) rotateX(var(--board-tilt-x,0deg)) rotateY(var(--board-tilt-y,0deg)) rotateZ(var(--board-turn,-16deg)) scale(var(--board-scale,1));filter:drop-shadow(0 30px 23px #020b125c);will-change:transform}
.expertise-feature .board-circuit{opacity:.65;transform:rotate(2deg)}
.expertise-feature .circuit-traces{stroke:#b6c7cc;stroke-width:.8}
.expertise-feature .board-stage.is-in-view .circuit-dots{fill:#e5bf67}
.expertise-feature .board-stage.is-in-view .circuit-dots circle{animation-name:expertise-circuit-pulse}
@keyframes expertise-circuit-pulse{0%,100%{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 5px #f2c56b)}}

/* A personal, editorial introduction with a hand-drawn title and an arched portrait. */
.home-page .about-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;margin-bottom:42px}
.home-page.fr-page .about-intro{align-items:start}
.home-page .about-intro h2{font-size:66px;letter-spacing:-2.6px;line-height:1.15;white-space:nowrap;margin:0}
.about-title-mark{position:relative;display:inline-block;margin-left:3px;color:var(--site-night-glow);font-size:1.52em;line-height:.9;letter-spacing:-3px;transform:rotate(-7deg)}
.about-title-mark>svg{position:absolute;left:-10%;bottom:-16px;width:128%;height:25px;stroke:var(--site-coral);stroke-width:2.4;stroke-linecap:round}
.home-page .about-intro>p{max-width:none;margin:0;font-size:14px;line-height:1.9;color:#6b746f}
.home-page .about-intro a{color:var(--site-night-glow);text-decoration-color:#31516a66}
.about-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.about-profile{position:sticky;top:120px;padding:0 16px 0 4px}
.about-photo-card{position:relative;isolation:isolate;padding:11px;background:#fffefb;border:1px solid #e3e6e6;border-radius:150px 150px 28px 28px;box-shadow:0 13px 28px #20394e0c}
.home-page .about-profile .about-portrait{display:block;width:100%;height:384px;border:0;border-radius:140px 140px 19px 19px;transform:none;object-fit:cover;object-position:center 27%;box-shadow:none}
.home-page .about-profile-link{position:relative;margin-top:32px;justify-content:center}
.home-page a.button-white[href*="linkedin.com"]{width:max-content;max-width:100%;gap:10px;padding-left:17px}
.home-page .about-content .biography-grid{position:relative;grid-template-columns:1fr;gap:20px}
.about-content .biography-grid::before{content:'';position:absolute;left:44px;top:30px;bottom:30px;width:1px;background:#c6d7e3}
.home-page .biography-panel{position:relative;border:1px solid #e0e5e7;border-radius:23px;background:#fffefb;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.home-page .biography-panel:hover{border-color:#b9cdda}
.home-page .biography-panel[open]{border-color:#c7d7e2;box-shadow:0 12px 27px #263f5208}
.home-page .biography-panel[open] summary h3{color:var(--site-night-glow)}
.biography-panel>summary{display:flex;align-items:center;gap:14px;padding:24px;cursor:pointer;list-style:none}
.biography-panel>summary::-webkit-details-marker{display:none}
.home-page .biography-panel>summary:focus-visible{outline:2px solid var(--site-coral);outline-offset:-5px;border-radius:22px}
.home-page .biography-panel summary h3{font-size:22px;line-height:1.25;letter-spacing:-.65px;margin:0}
.about-story-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e7eef3;color:#31516a;flex-shrink:0}
.about-story-icon .icon{width:20px;height:20px}
.biography-panel[data-story=entrepreneurship] .about-story-icon{background:#fae8dd;color:#b66f50}
.biography-panel .details-sign{flex-shrink:0;margin-left:auto;width:30px;height:30px;border:1px solid #dfe6ea;border-radius:50%;background:#f6f8fa}
.biography-panel .details-sign::before,.biography-panel .details-sign::after{top:14px;left:8px;width:12px;background:#31516a}
.biography-panel[open] .details-sign{background:#e7eef3;border-color:#d2e0e9}
.home-page .biography-panel .original-copy{padding:0 26px 27px;font-size:14px;line-height:1.9}
.home-page .about-section .career-grid{border:0;padding-top:0;margin-top:32px;gap:18px}
.career-grid .biography-item{padding:25px;border:1px solid #e0e3d7;border-radius:19px;background:#f0f2e9}
.career-grid .biography-item:nth-child(2){background:#fffef9}
.career-grid .biography-item:nth-child(3){background:#f4efe6;border-color:#e8e0d1}
.career-grid .biography-item:nth-child(2) h3::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#7e9a69;box-shadow:0 0 0 4px #7e9a6910;margin-right:12px;vertical-align:middle}
/* The French profile connects the current CTO role with selected work. */
.home-page.fr-page .career-with-profile{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}
.fr-page .career-with-profile .career-current{grid-column:1;grid-row:1 / span 2;padding:32px;background:#fffef9;border-color:#dce4e9;scroll-margin-top:24px}
.fr-page .career-with-profile>.biography-item:not(.career-current){grid-column:2}
.fr-page .career-with-profile .career-current h3{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:20px}
.fr-page .career-with-profile .career-current .original-copy{font-size:14px;line-height:1.9}
.career-current .original-copy>p+p{margin-top:15px}
.career-current .original-copy a{color:#31516a;text-decoration:underline;text-decoration-color:#9fb5c6;text-underline-offset:3px}
.fr-page .career-with-profile .biography-item:nth-child(2){background:#f0f2e9}
.fr-page .career-with-profile .biography-item:nth-child(2) h3::before{content:none}
.cto-proof-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.cto-proof-links>a{display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #dde3e6;border-radius:30px;background:#fff;color:#31516a;font-size:12px;font-weight:500;transition:background .2s,border-color .2s}
.cto-proof-links>a:hover{background:#edf3f7;border-color:#afc3d1}
.cto-proof-links .icon{width:16px;height:16px}
@media(max-width:900px){.fr-page .career-with-profile .career-current{padding:25px}.fr-page .career-with-profile .career-current h3{font-size:27px}.cto-proof-links>a{font-size:11px;padding:8px 11px}}
@media(max-width:700px){.home-page.fr-page .career-with-profile{grid-template-columns:minmax(0,1fr)}.fr-page .career-with-profile .career-current{grid-column:1;grid-row:auto}.fr-page .career-with-profile>.biography-item:not(.career-current){grid-column:1}.fr-page .career-with-profile .career-current h3{font-size:27px}.cto-proof-links{gap:8px}.cto-proof-links>a{font-size:11px}}
.home-page .about-location-image{margin-top:25px}
.home-page .about-location-image>img{width:100%;height:195px;object-fit:cover;object-position:center 10%;border-radius:20px;filter:none}
.home-page .ventures-band{padding:37px 32px;background:var(--site-card);border:1px solid #e0deeb;border-radius:26px;box-shadow:0 12px 32px #28214708}
.home-page .ventures-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;width:100%;max-width:1000px;gap:35px;margin-inline:auto}

@media(max-width:1120px){.home-page .expertise-feature .expertise-grid{column-gap:28px;row-gap:0}.home-page .expertise-feature .expertise-intro>h2{font-size:49px}.home-page .expertise-feature .board-stage{height:380px}.home-page .expertise-feature .board-stage>img{width:355px;height:355px}.expertise-feature .expertise-detail{font-size:14px}.about-content{gap:30px;grid-template-columns:.85fr 1.15fr}.biography-panel>summary{padding:21px}.home-page .biography-panel summary h3{font-size:20px}.home-page .biography-panel .original-copy{padding-inline:22px;font-size:13px}.career-grid .biography-item{padding:23px}}
@media(max-width:900px){.expertise-feature{border-radius:30px;margin:10px}.home-page .expertise-feature-inner{padding-block:53px 38px}.home-page .expertise-feature .expertise-grid{grid-template-columns:1.05fr 1fr;column-gap:17px;row-gap:0}.home-page .expertise-feature .expertise-intro>h2{font-size:42px;letter-spacing:-1.7px}.home-page .expertise-feature .board-stage{height:340px}.home-page .expertise-feature .board-stage>img{width:310px;height:310px}.expertise-panels{min-height:235px}.expertise-feature .expertise-detail{font-size:13px}.home-page .about-profile .about-portrait{height:350px}.about-content{grid-template-columns:.8fr 1.2fr;gap:22px}.biography-panel>summary{padding:18px;gap:11px}.home-page .biography-panel summary h3{font-size:19px}.about-story-icon{width:34px;height:34px}.home-page .biography-panel .original-copy{padding-inline:20px}.home-page .about-section .career-grid{gap:13px}.career-grid .biography-item{padding:21px}}
@media(max-width:700px){.expertise-feature{margin:8px;border-radius:25px}.home-page .expertise-feature-inner{width:calc(100% - 42px);padding-block:35px 30px}.expertise-feature .section-label{margin-bottom:23px;font-size:10px}.home-page .expertise-feature .expertise-grid{grid-template-columns:1fr;gap:0}.home-page .expertise-feature .expertise-intro{display:contents}.home-page .expertise-feature .expertise-intro>h2{grid-row:1;font-size:39px;max-width:400px;line-height:1.12}.expertise-feature h2 .handwritten{font-size:1.35em;margin-top:5px;letter-spacing:-1px}.home-page .expertise-feature .board-stage{grid-row:2;width:340px;height:305px;max-width:100%;margin:18px auto 11px}.home-page .expertise-feature .board-stage>img{width:280px;height:280px}.home-page .expertise-feature .board-stage::before{inset:20px 18px}.home-page .expertise-feature .board-stage::after{inset:41px 2px}.expertise-panels{grid-row:4;min-height:0;margin-top:5px}.expertise-feature .expertise-detail{font-size:14px;line-height:1.9}.home-page .expertise-support{padding-top:44px;padding-bottom:66px}.home-page .about-intro h2{font-size:43px}.about-content{grid-template-columns:1fr;gap:24px}.about-profile{position:static;width:min(360px,100%);justify-self:center}.home-page .about-profile .about-portrait{height:365px}.home-page .about-profile-link{margin-top:15px}.home-page .about-content .biography-grid{gap:14px}.biography-panel>summary{padding:21px}.home-page .biography-panel summary h3{font-size:21px}.about-story-icon{width:37px;height:37px}.home-page .biography-panel .original-copy{font-size:14px;padding:0 22px 25px}.home-page .about-section .career-grid{margin-top:24px;gap:14px}.career-grid .biography-item{padding:24px}.home-page .about-location-image{margin-top:22px}.home-page .about-location-image>img{height:150px;border-radius:17px}.home-page .ventures-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.home-page .ventures-inner>a,.home-page .ventures-inner>span{min-width:0}}
@media(max-width:370px){.home-page .expertise-feature .expertise-intro>h2{font-size:34px}.home-page .expertise-feature .board-stage{height:270px}.home-page .expertise-feature .board-stage>img{width:250px;height:250px}.home-page .about-profile .about-portrait{height:320px}.home-page .biography-panel summary h3{font-size:19px}.biography-panel>summary{padding:19px;gap:11px}.home-page .ventures-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.home-page .expertise-feature .board-stage>img{transform:rotate(-8deg);will-change:auto}.home-page .expertise-feature .board-stage::before,.home-page .expertise-feature .board-stage::after{transform:none}}

/* Editorial principles: a handwritten introduction beside three open text rows. */
.home-page .key-skills{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px;align-items:start}
.skills-heading{padding-top:18px}
.home-page .skills-heading>h2{max-width:400px;margin:0;font-size:48px;line-height:1.14;letter-spacing:-2px}
.skills-heading .handwritten{display:block;margin-top:12px;color:#d3694e;font-size:1.38em;font-weight:400;line-height:.96;letter-spacing:-1.8px;transform:rotate(-3deg);transform-origin:left center}
.skills-sketch{display:block;width:190px;height:86px;margin:35px 0 0 110px;stroke:#8a9b77;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skills-list{min-width:0;border-top:1px solid #d3d6cc}
.home-page .skill-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:24px;padding:29px 0 32px;border-bottom:1px solid #d3d6cc}
.skill-number{display:grid;place-items:center;width:37px;height:37px;margin-top:2px;border:1px solid #d8c0b4;border-radius:50%;font-size:11px;font-weight:500;letter-spacing:.3px;color:#b56b51;background:#f4e9e0}
.home-page .skill-row h3{margin:0 0 13px;font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-1px}
.home-page .skill-row p{max-width:540px;margin:0;color:#626b5f;font-size:14px;line-height:1.85}
/* A second focused navy feature shares the technology section's visual language. */
.home-page .expertise-snapshot{--snapshot-gold:var(--site-gold);margin-top:78px;padding:48px 48px 36px;border:0;border-radius:32px;background:var(--site-night);background-image:radial-gradient(ellipse at 100% 0%,var(--site-night-glow) 0%,transparent 67%);color:#fffdf5;overflow:hidden}
.snapshot-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
.snapshot-heading{display:block;min-width:0}
.home-page .snapshot-heading>h2{margin:0;font-size:49px;line-height:1.08;letter-spacing:-1.9px;color:#fffdf5}
.snapshot-heading .handwritten{display:block;margin-top:3px;font-size:1.5em;font-weight:400;line-height:1.05;letter-spacing:-1.5px;color:var(--snapshot-gold)}
.home-page .snapshot-intro{margin:24px 0 0;font-size:14px;line-height:1.9;color:#c3cfd7}
.home-page .snapshot-intro strong{color:#fff4d5;font-weight:500}
.snapshot-focus{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.snapshot-network{display:block;flex-shrink:0;width:100%;max-width:440px;height:150px;margin:0 auto 18px;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.snapshot-connection{stroke:#9bb4c344;stroke-dasharray:4 6}
.snapshot-node rect{fill:#ffffff06;stroke:#a6bfce4d;transition:fill .25s,stroke .25s}
.snapshot-node svg{stroke:#9eb4c2;stroke-width:1.5;transition:stroke .25s}
.snapshot-junction{fill:var(--snapshot-gold);stroke:none}
.expertise-snapshot[data-active-domain="0"] .snapshot-node[data-domain="0"] rect,.expertise-snapshot[data-active-domain="1"] .snapshot-node[data-domain="1"] rect,.expertise-snapshot[data-active-domain="2"] .snapshot-node[data-domain="2"] rect{fill:#e5bf6718;stroke:var(--snapshot-gold)}
.expertise-snapshot[data-active-domain="0"] .snapshot-node[data-domain="0"] svg,.expertise-snapshot[data-active-domain="1"] .snapshot-node[data-domain="1"] svg,.expertise-snapshot[data-active-domain="2"] .snapshot-node[data-domain="2"] svg{stroke:var(--snapshot-gold)}
.snapshot-panels{min-height:140px}
.snapshot-panel[hidden]{display:none}
.home-page .snapshot-panel h3{margin:0 0 14px;color:#fffdf5;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.7px}
.home-page .snapshot-panel p{margin:0;color:#c3cfd7;font-size:14px;line-height:1.9}
.expertise-snapshot :is(button,[data-carousel-slide]):focus-visible{outline:2px solid #f4d788;outline-offset:5px}

/* A clean product canvas lets Pixelixe's original visual bring its own color. */
.home-page .featured-project{background:#fffefb;border-color:#e0deeb;border-radius:26px;box-shadow:0 12px 32px #28214708}
.home-page .featured-project .pixelixe-visual{background:#f8f6fc;border-color:#e3dfed;box-shadow:0 17px 28px #30254b13}
.home-page .featured-project .browser-bar{background:#fff;border-color:#e8e4ef}
.home-page .featured-project .browser-url{background:#f1eef7;color:#8e839e}

/* More saturated paper and a much deeper, offset shadow. */
.home-page .timeline-entry{--note-paper:#f6c8b8;box-shadow:1px 3px 2px #4c392526,6px 19px 21px -8px #4c39254d,12px 32px 29px -15px #4c392530,inset 0 1px 0 #ffffff73}
.home-page .timeline-entry:nth-child(2){--note-paper:#f8e397}
.home-page .timeline-entry:nth-child(3){--note-paper:#bbd9ec}
.home-page .timeline-entry:nth-child(4){--note-paper:#cee1bb}
.home-page .timeline-entry:nth-child(5){--note-paper:#dec8ed}
.home-page .timeline-entry::before{background:#fffef1cf;box-shadow:0 2px 4px #73623c12}
.home-page .timeline-entry::after{background:linear-gradient(135deg,#56482c24 50%,var(--paper) 51%)}
.home-page .timeline-entry:hover,.home-page .timeline-entry:focus-within{box-shadow:2px 4px 3px #4c392520,7px 28px 28px -8px #4c392557,13px 40px 35px -18px #4c392536}
.home-page .timeline-story p{color:#495348}
.home-page .timeline-date{color:#5f634e}

@media(max-width:1120px){.home-page .key-skills{column-gap:60px}.home-page .skills-heading>h2{font-size:44px}.home-page .skill-row h3{font-size:27px}.snapshot-layout{gap:42px}.home-page .expertise-snapshot{padding:42px 38px 32px}.home-page .snapshot-heading>h2{font-size:45px}}
@media(max-width:900px){.home-page .key-skills{grid-template-columns:.8fr 1.2fr;column-gap:38px}.home-page .skills-heading>h2{font-size:38px;letter-spacing:-1.6px}.skills-sketch{width:150px;height:68px;margin-left:45px}.home-page .skill-row{gap:15px;grid-template-columns:32px 1fr;padding-block:25px}.skill-number{width:30px;height:30px;font-size:10px}.home-page .skill-row h3{font-size:25px}.home-page .skill-row p{font-size:13px}.home-page .expertise-snapshot{padding:36px 30px 29px}.snapshot-layout{gap:30px;grid-template-columns:1fr 1fr}.home-page .snapshot-heading>h2{font-size:39px}.home-page .snapshot-intro,.home-page .snapshot-panel p{font-size:13px}.snapshot-network{height:130px}.home-page .snapshot-panel h3{font-size:23px}.snapshot-panels{min-height:160px}}
@media(max-width:700px){.home-page .key-skills{grid-template-columns:1fr;gap:32px}.skills-heading{padding-top:0}.home-page .skills-heading>h2{max-width:340px;font-size:39px}.skills-heading .handwritten{font-size:1.35em;max-width:340px;line-height:1.05;margin-top:9px}.skills-sketch{display:none}.home-page .skill-row{grid-template-columns:31px 1fr;gap:15px;padding-block:25px 27px}.home-page .skill-row h3{font-size:26px;margin-bottom:12px}.home-page .skill-row p{font-size:14px;line-height:1.85}.home-page .expertise-snapshot{display:grid;grid-template-columns:1fr;gap:0;margin-top:46px;padding:30px 25px 28px;border-radius:25px}.snapshot-layout{display:contents}.snapshot-heading{grid-row:1}.home-page .snapshot-heading>h2{font-size:42px}.home-page .snapshot-intro{font-size:14px;margin-top:20px}.snapshot-focus{grid-row:3;margin-top:24px}.snapshot-network{height:112px;margin-bottom:18px}.snapshot-panels{min-height:185px}.home-page .snapshot-panel h3{font-size:24px}.home-page .snapshot-panel p{font-size:14px}.home-page .ventures-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;max-width:440px}.home-page .featured-project{border-radius:22px}}
@media(max-width:370px){.home-page .skills-heading>h2{font-size:35px}.home-page .skill-row{grid-template-columns:27px 1fr;gap:12px}.skill-number{width:27px;height:27px}.home-page .skill-row h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){}
@media(max-width:700px){.home-page .ventures-band{padding:29px 20px;border-radius:22px}}

@media(max-width:900px){.home-page .about-intro{gap:30px}.home-page .about-intro h2{font-size:55px}.about-content .biography-grid::before{left:35px}}
@media(max-width:700px){.home-page .about-intro{display:block;margin-bottom:35px}.home-page .about-intro h2{font-size:56px;margin-bottom:33px}.about-title-mark>svg{bottom:-13px;height:21px}.home-page .about-intro>p{font-size:14px;max-width:530px}.about-profile{padding:0 16px 0 4px;width:min(340px,100%)}.about-photo-card{border-radius:130px 130px 26px 26px}.home-page .about-profile .about-portrait{height:325px;border-radius:120px 120px 17px 17px}.home-page .about-profile-link{margin-top:31px}.home-page .about-content{gap:35px}.about-content .biography-grid::before{left:40px}.home-page .biography-panel summary h3{font-size:20px}.biography-panel>summary{padding:20px 18px;gap:12px}.about-story-icon{width:36px;height:36px}.biography-panel .details-sign{width:28px;height:28px}.biography-panel .details-sign::before,.biography-panel .details-sign::after{top:13px;left:7px}}
@media(max-width:370px){.home-page .about-intro h2{font-size:49px}.home-page .about-profile .about-portrait{height:285px}.home-page .biography-panel summary h3{font-size:18px}.biography-panel>summary{gap:10px;padding-inline:15px}.about-story-icon{width:32px;height:32px}.about-content .biography-grid::before{left:32px}}

/* Tactile navigation with the circular buttons and handwritten cue of the reference. */
[data-carousel-stage]{touch-action:pan-y;overflow:hidden}
[data-carousel-slide]{display:flow-root}
.home-page .expertise-feature .carousel-slide-title{margin:0 0 14px;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.7px;color:#fffdf5}
.expertise-feature .expertise-detail p{margin:0}
.carousel-navigation{display:grid;grid-template-columns:max-content 1fr;grid-template-areas:'main hint' 'dots .';align-items:center;gap:14px 30px;margin-top:30px;padding-top:27px;border-top:1px solid #ffffff19}
.expertise-feature .carousel-navigation{grid-column:1/-1}
.carousel-main{grid-area:main;display:flex;align-items:center;gap:16px}
.carousel-arrow{display:grid;place-items:center;flex-shrink:0;width:66px;height:66px;padding:0;border:1px solid #e3e2d9;border-radius:50%;background:linear-gradient(160deg,#fff 35%,#f1f0eb);color:#202c32;box-shadow:inset 0 2px 2px #fff,0 7px 14px #07131d1c;cursor:pointer;transition:transform .2s,box-shadow .2s}
.carousel-arrow .icon{width:24px;height:24px;stroke-width:2.5}
.carousel-prev .icon{transform:rotate(180deg)}
.carousel-next{color:#fff;border-color:#fa7757;background:linear-gradient(170deg,#ff8463,#ff6545 60%,#f04d2b);box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 2px #d04a2d45,0 8px 20px #080f192b}
.carousel-arrow:hover{transform:translateY(-3px);box-shadow:inset 0 2px 2px #ffffff55,0 10px 22px #080f1940}
.carousel-arrow:active{transform:translateY(1px)}
.carousel-count{margin-left:5px;white-space:nowrap;font-size:27px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fffdf5}
.carousel-total{color:#9caeb9;font-weight:500}
.carousel-hint{grid-area:hint;display:flex;align-items:center;gap:15px;justify-self:start;color:#f6f2e7;pointer-events:none}
.carousel-hint>svg{width:65px;height:38px;stroke:#ff7756;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}
.carousel-hint>span{font:500 38px/1 Caveat,cursive;white-space:nowrap;transform:rotate(-5deg)}
.carousel-dots{grid-area:dots;display:flex;align-items:center;gap:0;margin-left:-7px}
.carousel-dots>button{display:grid;place-items:center;width:29px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;transition:width .25s}
.carousel-dots>button>span{width:10px;height:10px;border-radius:99px;background:#8fa1ad66;transition:width .25s,background .25s}
.carousel-dots>button[aria-current=true]{width:45px}
.carousel-dots>button[aria-current=true]>span{width:32px;background:#ff7050}
.carousel-dots>button:hover>span{background:#e8be9b}
.carousel-dots>button[aria-current=true]:hover>span{background:#ff876a}
@media(max-width:900px){.home-page .expertise-feature .carousel-slide-title{font-size:23px}.carousel-arrow{width:58px;height:58px}.carousel-count{font-size:25px}.carousel-hint>span{font-size:34px}.carousel-navigation{column-gap:24px}}
@media(max-width:700px){.home-page .expertise-feature .expertise-grid{grid-template-columns:minmax(0,1fr)}.expertise-feature .carousel-navigation{grid-row:3;margin-top:25px;margin-bottom:24px}.expertise-snapshot .carousel-navigation{grid-row:2;margin-top:25px}.carousel-navigation{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'main main' 'dots hint';gap:11px 8px;padding-top:23px}.carousel-main{gap:13px}.carousel-arrow{width:48px;height:48px}.carousel-arrow .icon{width:21px;height:21px}.carousel-count{margin-left:5px;font-size:24px}.carousel-hint{justify-self:end;gap:7px}.carousel-hint>svg{width:30px;height:24px;stroke-width:3.7}.carousel-hint>span{font-size:27px}.carousel-dots{margin-left:-7px}.carousel-dots>button{width:24px;height:30px}.carousel-dots>button[aria-current=true]{width:34px}.carousel-dots>button>span{width:9px;height:9px}.carousel-dots>button[aria-current=true]>span{width:25px}.home-page .expertise-feature .carousel-slide-title{font-size:24px}}
@media(min-width:701px){.carousel-navigation{gap:9px 20px;margin-top:24px;padding-top:22px}.carousel-main{gap:12px}.carousel-arrow{width:44px;height:44px}.carousel-arrow .icon{width:19px;height:19px}.carousel-count{margin-left:3px;font-size:21px}.carousel-hint{gap:10px}.carousel-hint>svg{width:44px;height:28px}.carousel-hint>span{font-size:28px}.carousel-dots{margin-left:-6px}.carousel-dots>button{width:26px;height:26px}.carousel-dots>button[aria-current=true]{width:37px}.carousel-dots>button>span{width:8px;height:8px}.carousel-dots>button[aria-current=true]>span{width:24px}}