/* Fourth edition: light, tactile and readable. Shared by the complete portfolio. */
:root{--paper:#fafbf9;--ink:#1c2025;--muted:#6c7178;--line:#e4e6e9;--ease:cubic-bezier(.2,.8,.2,1)}
body{color:var(--ink)}.wrap,.work-wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.site-header .wrap{width:min(1120px,calc(100% - 96px))}.button{border-radius:14px;font-weight:600}.button-primary{background:var(--lime);color:var(--ink)}.button-secondary{background:#fff8;border:1px solid #dcdfe3;color:var(--ink)}
.hero{min-height:100svh;box-sizing:border-box;padding:145px 0 75px;grid-template-columns:1.25fr 1fr;align-items:center;gap:12px}.hero h1{font-size:clamp(54px,5.1vw,74px);line-height:1.27;letter-spacing:-3.6px;margin-top:26px;white-space:nowrap}.hero-hello{font-size:22px;font-weight:500;letter-spacing:-.5px}.hero-description{margin-top:31px;font-size:17px;line-height:1.6;color:#5d646b;white-space:nowrap}.hero-fields{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.hero-fields span{font-size:12px;padding:6px 11px;border:1px solid #e0e3e7;border-radius:7px;color:#5b6570;background:#fff7}.hero-actions{margin-top:32px}.hero-actions .button{min-height:52px;font-size:14px;padding:15px 19px;gap:19px}.hero-playground{height:450px;perspective:900px;display:grid;align-items:center;margin:0;isolation:isolate}.pet-caption{display:block;text-align:center;font-size:12px;letter-spacing:2px;color:#8a9097;position:absolute;bottom:3px;left:0;right:0}.pet-orbit{position:absolute;pointer-events:none;border-radius:50%;z-index:-1;filter:blur(2px)}.orbit-one{width:260px;height:260px;top:40px;left:32px;background:radial-gradient(circle,#c5dcf260,transparent 70%)}.orbit-two{width:220px;height:220px;bottom:20px;right:0;background:radial-gradient(circle,#e3ecc780,transparent 70%)}
.pet-host{position:relative;width:100%;display:grid;place-items:center}.pet{position:relative;width:100%;max-width:430px;aspect-ratio:1;isolation:isolate;background:none;border:0;padding:0;overflow:visible;touch-action:pan-y}.pet-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 26px 17px #829ba71a);animation:pet-breathe 5s ease-in-out infinite;transform-origin:50% 70%}.pet-body{transition:d .9s cubic-bezier(.34,1.4,.3,1);fill:url(#pet-skin)}.pet-ground{fill:#bbc8c5;opacity:.15;filter:blur(6px)}.pet-eye{transform-box:fill-box;transform-origin:center;fill:#fffffff5}.pet-face{transform-origin:center;transition:translate .3s}.pet-pupils{transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .13s ease-out}.pet-pupil{fill:#23363d}.pet-glint{fill:white}.pet-eye-blink{transform-origin:50% 50%;transform-box:fill-box}.pet-smile{fill:none;stroke:#294c50;stroke-width:4;stroke-linecap:round;transition:all .25s}.pet-blush{fill:#f4bfc8;opacity:0;transition:opacity .3s}.pet.is-happy .pet-blush,.pet.is-chat .pet-blush{opacity:.7}.pet-wechat{opacity:0;transition:opacity .3s;filter:blur(.75px)}.pet.is-chat .pet-wechat{opacity:.92}.pet.is-chat .pet-pupil{fill:#305b4b}.pet.is-chat .pet-body{d:path('M79 71 C89 38 120 27 154 33 C172 25 205 26 219 41 C239 45 252 62 258 84 C271 104 272 129 258 148 C267 174 250 207 228 216 C203 233 177 239 154 231 C130 237 107 227 89 214 C66 202 54 187 56 166 C40 134 46 97 79 71 Z')}.pet-speech{position:absolute;right:-10px;top:31px;background:#fffdf6;border:1px solid #e6e2d4;border-radius:17px 17px 17px 3px;padding:14px 17px;width:178px;text-align:left;font-size:14px;line-height:1.7;box-shadow:0 10px 32px #3a49310c;opacity:0;translate:-8px 12px;pointer-events:none;transition:opacity .25s,translate .4s var(--ease);z-index:5}.pet.is-chat .pet-speech,.pet.show-greeting .pet-speech{opacity:1;translate:0 0}.pet.is-blinking .pet-eye-blink{animation:pet-blink .18s ease-in-out}.pet.is-flipping .pet-face{animation:pet-face-orbit .85s ease-in-out}.pet.is-flipping .pet-svg{animation:pet-turn .85s ease-in-out}.pet.is-happy .pet-smile{stroke-width:5}.pet.is-happy .pet-svg{animation:pet-delight .7s ease-in-out}.pet-badge{position:absolute;border:1px solid #ffffffc7;background:#ffffff85;backdrop-filter:blur(15px);box-shadow:0 7px 18px #6c81941a;border-radius:13px;display:grid;place-items:center;width:48px;height:48px;font-size:24px;right:21px;bottom:62px;rotate:12deg;animation:badge-drift 6s ease-in-out infinite}
@keyframes pet-breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pet-blink{50%{scale:1 .04}}@keyframes pet-face-orbit{0%,100%{translate:0 0;opacity:1}35%{translate:75px -5px;opacity:1}47%{translate:100px 0;opacity:0}53%{translate:-100px 0;opacity:0}65%{translate:-65px 3px;opacity:1}}@keyframes pet-turn{0%,100%{scale:1;rotate:0deg}45%{scale:.91 1.03;rotate:9deg}70%{scale:1.03 .98;rotate:-4deg}}@keyframes pet-delight{40%{translate:0 -13px;rotate:-6deg}70%{translate:0 -3px;rotate:4deg}}@keyframes badge-drift{50%{translate:3px -8px;rotate:6deg}}
.about-section{background:#fff;padding-top:105px}.section-heading h2{font-size:clamp(32px,3.3vw,44px);line-height:1.4;font-weight:600;letter-spacing:-1.6px}.section-aside{max-width:260px;line-height:1.7}.portrait-circle{mask:none;-webkit-mask:none;width:285px;height:340px;left:13px;top:32px;background:linear-gradient(150deg,#e7f0fa,#eee9df);border-radius:110px 110px 58px 58px;transform:rotate(-8deg);animation:none;box-shadow:none}.portrait-card{overflow:visible}.career-summary{font-size:14px!important;line-height:1.9!important;color:#5b626a!important}.career-card li{font-size:13px;color:#666d75;line-height:1.95}.career-card b{color:#252f38;font-weight:650}.domain-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.domain-tags span{font-size:11px;color:#596671;background:#f1f4f6;border-radius:5px;padding:4px 8px}.tenure-tag{background:#f3f6ee;color:#536237}.resume-link{align-self:center;white-space:nowrap;box-shadow:0 4px 12px #b8d87220;font-size:14px!important;padding:15px 20px!important}.colleague-note{margin-top:55px;padding:30px 34px;background:#f8f8f5;border:1px solid #ebece5;border-radius:18px;display:flex;gap:25px;align-items:center;transition:background .3s}.colleague-note:hover{background:#f0f4e9}.note-symbol{font-family:Georgia,serif;font-size:90px;color:#abb99d;align-self:start;line-height:1}.small-label{font-size:12px;letter-spacing:.8px;color:#737b82;display:block}.colleague-note h3{font-size:24px;font-weight:550;line-height:1.5;margin:10px 0 8px;letter-spacing:-.6px}.colleague-note p:last-child{font-size:13px;color:#798087}.note-link{margin-left:auto;white-space:nowrap;font-size:13px;display:flex;gap:10px;align-items:center}
.work-section{padding-top:110px}.projects-grid{gap:42px 28px}.project-media{border-radius:18px;transform:none!important;background:#f2f3f4;border:0}.project-card:hover .project-media>img,.project-card:focus-visible .project-media>img{transform:scale(1.035);filter:none}.project-media>img{object-fit:cover;transition:transform .7s var(--ease);width:100%;height:100%}.project-card:hover .project-media{box-shadow:0 12px 25px #26371b10}.project-caption{padding:18px 0 0}.project-company{font-size:11px;letter-spacing:.4px;color:#818891;display:block;margin-bottom:7px}.project-caption h3{font-size:23px;line-height:1.45;font-weight:650;letter-spacing:-.5px}.project-caption p{font-size:13px;margin-top:7px;color:#717780;line-height:1.8}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.project-tags span{font-size:10px;padding:4px 7px;border-radius:4px;color:#65717c;background:#edf0f2}.knowledge-project{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;padding:22px;background:#f0f3f8;border:1px solid #e7eaf0;border-radius:22px}.knowledge-project .project-caption{padding:0 15px}.knowledge-project .project-company{color:#5d7299}.knowledge-project .project-media{border-radius:12px}.knowledge-project .project-tags span{background:#ffffffb0}.knowledge-project .project-caption h3{font-size:30px}.knowledge-project .project-caption p{max-width:300px;font-size:15px;line-height:1.8}
.ability-section{padding-top:45px}.abilities{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.ability{border:1px solid #e9ebed;background:#fff;border-radius:21px;box-shadow:0 6px 24px #66789005;overflow:hidden;display:block;transition:box-shadow .4s,translate .4s}.ability:hover{box-shadow:0 15px 40px #71839813;translate:0 -4px}.ability-ai,.ability-logic{grid-column:span 3}.ability-iteration,.ability-delivery,.ability-system{grid-column:span 2}.ability-visual,.ability-system .ability-visual{width:100%;height:250px;border:0;position:relative;display:block;perspective:800px;overflow:hidden}.ability-copy,.ability-system .ability-copy{width:100%;padding:25px 27px 30px}.ability-copy h3{font-size:21px;color:#29313a;font-weight:600;letter-spacing:-.6px;line-height:1.55}.ability-copy p{font-size:13px;line-height:1.9;color:#7a8088;margin-top:12px}.bento-ai{background:radial-gradient(ellipse at 40% 70%,#deedf7,transparent 65%),#fbfcfe}.bento-logic{background:radial-gradient(ellipse at 70% 50%,#e7e8f8,transparent 70%),#fafbfe}.bento-iteration{background:radial-gradient(ellipse at 50% 60%,#f3e4e8,transparent 65%),#fffdfd}.bento-delivery{background:radial-gradient(ellipse at 60% 50%,#e3edf9,transparent 70%),#fafcfe}.bento-system{background:radial-gradient(ellipse at 45% 50%,#dff1e8,transparent 70%),#fbfefc}.glass-panel{background:linear-gradient(120deg,#fffc,#ffffff9a);box-shadow:0 1px 0 #fff inset,0 10px 20px #778caa13,0 0 0 1px #ffffffdf;border-radius:12px;backdrop-filter:blur(7px)}.mini-brief{position:absolute;top:36px;left:10%;display:flex;align-items:center;gap:12px;padding:14px 16px;z-index:2;transform:rotate(-4deg)}.mini-brief span{font-size:12px;color:#70808e}.tiny-spark{font-size:21px;font-style:normal;color:#6377b8}.mini-dot{width:5px;height:5px;border-radius:50%;background:#bbd0e2}.agent-core{position:absolute;left:42%;top:39%;width:86px;height:76px;border-radius:21px;background:linear-gradient(145deg,#edf8fe,#cddbf1);box-shadow:3px 7px 8px #9baac94a,0 3px 5px #fff inset;rotate:8deg;z-index:3;display:grid;place-content:center;text-align:center;animation:scene-float 6s ease-in-out infinite}.agent-core>span{font-size:27px;color:#687aa9}.agent-core b{font-size:11px;font-weight:600;color:#657599}.mini-output{position:absolute;right:9%;bottom:28px;padding:14px 16px;display:flex;gap:12px;align-items:center;rotate:3deg;z-index:2}.mini-output b,.mini-output small{display:block}.mini-output b{font-size:12px;color:#526574}.mini-output small{font-size:9px;margin-top:5px;color:#8998a4}.mini-check{font-size:12px;color:#579485;background:#e2f1e8;border-radius:50%;padding:3px 5px}.tiny-file{font-size:27px;color:#a1b5cc}.bento-path{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#bdcedc;stroke-width:1.1}.path-signal{stroke:#80adc8;stroke-width:2.5;stroke-dasharray:22 330;animation:signal-run 6s linear infinite}.logic-sheet{position:absolute;left:50%;top:50%;width:240px;height:130px;margin:-65px 0 0 -120px;border-radius:15px;background:linear-gradient(115deg,#fffffff5,#ffffffb5);border:1px solid #fff;box-shadow:0 10px 20px #8d91b31c;padding:17px 22px;transform:rotateX(30deg) rotateZ(-8deg)}.logic-sheet>span{font-size:11px;color:#78829a}.sheet-back{translate:-25px -35px;opacity:.45;scale:.9}.sheet-mid{translate:0 -3px;opacity:.8;scale:.96}.sheet-front{translate:24px 35px;box-shadow:0 16px 27px #9297b82a}.sheet-back>i{height:4px;background:#e3e7ee;border-radius:5px;display:block;width:70%;margin-top:9px}.role-dots{display:flex;gap:6px;margin-top:10px}.role-dots>b{font-size:10px;border-radius:50%;padding:5px;background:#e6e6f5;color:#8b90ab}.mini-stages{display:flex;align-items:center;gap:11px;margin-top:17px}.mini-stages b{font-size:10px;background:#ebedf8;border-radius:5px;padding:6px 10px;color:#7a82a4}.mini-stages em{font-style:normal;color:#c2c7da}.journey-card{position:absolute;left:12%;right:12%;top:37px;padding:20px 21px;rotate:-5deg}.mini-eyebrow{font-size:9px;color:#ad8c99}.journey-track{display:flex;align-items:center;gap:3px;margin:15px 0 20px}.journey-track i{width:14px;height:14px;border-radius:50%;border:2px solid #d7bed0}.journey-track .done{background:#d3b8cb;box-shadow:0 0 0 3px #f4ebf1}.journey-track>b{height:2px;background:#e0cdda;flex:1}.journey-card>strong{font-size:15px;display:block;color:#806276;font-weight:600}.journey-resume{margin-top:15px;font-size:9px;background:#fff;border:1px solid #eadfe8;border-radius:8px;padding:11px 8px;display:block;box-shadow:0 4px 7px #bfa8bb17}.journey-resume i{font-style:normal;color:#98ac98;margin-right:8px}.build-stack{position:absolute;inset:40px 18%}.build-code{position:absolute;background:#566b89;color:#dce8fa;width:150px;height:140px;border-radius:11px;left:-20px;top:0;rotate:-8deg;box-shadow:0 10px 20px #64789320;padding:10px}.build-code>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#cbd5e0}.build-code code{display:block;margin-top:20px;font-size:17px;rotate:-1deg}.build-product{position:absolute;left:20px;top:27px;width:170px;height:150px;padding:14px;rotate:7deg}.build-product>strong{font-size:11px;display:block;color:#6a7e98;margin-top:9px}.build-product>div{display:flex;gap:5px;margin-top:13px}.build-product>div span{height:22px;flex:1;background:linear-gradient(130deg,#d7e8f8,#f4f6fc);border-radius:4px}.build-product>b{font-size:8px;color:#7d92a8;display:block;margin-top:13px;font-weight:500}.spec-stack{position:absolute;inset:39px 8%}.spec-tile{position:absolute;width:135px;height:150px;border-radius:12px;padding:17px;background:linear-gradient(125deg,#fff,#ffffffb5);box-shadow:0 10px 20px #72978a1f;border:1px solid white}.spec-tile>span{font-size:10px;color:#7f9b8f}.tile-a{left:0;top:8px;rotate:-13deg}.tile-b{left:calc(50% - 67px);top:-9px;rotate:-2deg}.tile-c{right:0;top:13px;rotate:12deg}.tile-components{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:15px}.tile-components i{height:18px;background:#e1f0e8;border-radius:4px}.tile-components i:last-child{grid-column:span 2;height:6px}.tile-states{display:flex;gap:7px;margin-top:22px}.tile-states i{height:11px;width:11px;border-radius:50%;background:#a4c8b6}.tile-states i:nth-child(2){background:#c6dace}.tile-states i:nth-child(3){background:#e3eee7}.tile-rule{display:block;width:100%;height:5px;background:#d8e7df;margin-top:17px;border-radius:5px}.tile-rule.short{width:60%;margin-top:7px}.tile-c>b{font-size:8px;display:block;margin-top:23px;color:#90a497;font-weight:500}.ability:hover .logic-sheet,.ability:hover .build-product,.ability:hover .spec-tile{translate:0 -5px;transition:translate .65s var(--ease)}.ability.is-visible .journey-card{animation:scene-float 7s ease-in-out infinite}.ability.motion-offscreen *,.document-hidden .ability *,.document-hidden .pet *{animation-play-state:paused!important}@keyframes signal-run{to{stroke-dashoffset:-352}}@keyframes scene-float{50%{transform:translateY(-7px) rotate(1deg)}}
.work-style{padding:110px 0 115px}.work-style h2{font-size:clamp(30px,3.9vw,51px);font-weight:550;line-height:1.6;letter-spacing:-1.9px;margin-top:23px}.work-style h2 span{color:#7e9b84}.work-style-details{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-style-details p{font-size:14px;line-height:2;color:#81868d}.style-note{font-size:11px;display:flex;gap:10px;color:#8b9298;grid-column:1/-1;align-items:center}.style-note .icon{width:14px;height:14px}.work-style .small-label{color:#8a9299}
.contact-section{background:#eef5dd;color:var(--ink);padding-top:78px}.contact-section::before{display:block;background:radial-gradient(ellipse at 8% 8%,#d5fd86bb,transparent 55%),radial-gradient(ellipse at 100% 10%,#eadcfa88,transparent 50%),linear-gradient(160deg,#f4f7dc50,#f6f8e7);z-index:-1}.contact-top{display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:50px}.contact-heading{display:block}.contact-heading h2{font-size:clamp(44px,5vw,68px);line-height:1.2;letter-spacing:-3px;font-weight:600}.contact-heading p{font-size:14px;line-height:2;color:#7b856d;margin-top:22px}.contact-pet{max-width:260px;justify-self:end;width:100%}.contact-pet .pet-speech{font-size:11px;top:-3px;right:-5px;max-width:150px;padding:10px 13px}.contact-pet .pet-badge{display:none}.contact-layout{margin-top:37px;grid-template-columns:1fr 160px;gap:20px;align-items:stretch}.contact-rows{border:1px solid #ffffffe0;border-radius:16px;background:#ffffff80;padding:8px 23px}.contact-row{border-bottom:1px solid #cad4b54a!important;min-height:69px;color:#334033;background:transparent!important}.contact-row:last-child{border:0!important}.contact-row small{font-size:12px;color:#8b987b}.contact-row strong{font-size:16px;font-weight:500;color:#43533d}.contact-row:hover strong{color:#1d3210}.contact-row:hover{transform:none}.contact-row>div{display:flex;align-items:center;gap:20px}.contact-row .copy-symbol{color:#8b9c75;margin-left:15px}.qr-card{border-radius:16px;border:1px solid #fff;background:#fff;display:grid;align-items:center;padding:7px;overflow:hidden}.qr-card img{width:100%;max-height:219px;object-fit:contain}.contact-footer{border-color:#c7d5b86e;padding-block:33px;margin-top:40px;color:#81916d}.contact-footer .brand{color:#33482c}.contact-footer .brand span{color:#8eaa5d}.contact-name{color:#80916c;font-size:11px}.contact-peek{z-index:99}.header-contact[aria-current=location]{background:var(--lime);color:#1e2d14}
@media(min-width:1600px){.hero{grid-template-columns:1.3fr 1fr}.hero h1{font-size:74px}}
@media(max-width:1100px){.wrap,.work-wrap,.site-header .wrap{width:calc(100% - 72px)}.hero h1{font-size:56px;letter-spacing:-2.7px}.hero-playground{height:380px}.hero-actions .button{font-size:12px;gap:12px;padding:14px}.pet-speech{top:15px;right:-12px;font-size:12px;width:148px}.ability-visual,.ability-system .ability-visual{height:230px}.ability-copy,.ability-system .ability-copy{padding:23px}.ability-copy h3{font-size:18px}.ability-copy p{font-size:12px}.build-product{width:140px}.mini-brief{left:7%}.mini-output{right:6%}.logic-sheet{width:210px;margin-left:-105px}.colleague-note h3{font-size:22px}.note-link{font-size:12px}}
@media(max-width:850px){.hero h1{font-size:46px;letter-spacing:-2.7px}.hero-playground{height:310px}.hero-hello{font-size:19px}.hero-description{font-size:14px;margin-top:25px}.hero-fields{gap:5px}.hero-fields span{font-size:10px;padding:5px 7px}.hero-actions{gap:8px}.hero-actions .button{font-size:10px;padding:12px 11px;gap:8px}.hero-actions .icon{height:16px;width:16px}.abilities{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-ai,.ability-logic,.ability-iteration,.ability-delivery,.ability-system{grid-column:auto}.ability-system{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.ability-system .ability-visual{width:100%}.ability-system .ability-copy{width:100%}.colleague-note{padding:25px;gap:18px;flex-wrap:wrap}.note-link{margin-left:60px}.knowledge-project{gap:20px}.knowledge-project .project-caption h3{font-size:25px}.knowledge-project .project-caption p{font-size:13px}.contact-top{gap:15px}.contact-pet{max-width:210px}.contact-layout{grid-template-columns:1fr 145px}.contact-row strong{font-size:14px}}
@media(max-width:640px){.wrap,.work-wrap,.site-header .wrap{width:calc(100% - 40px)}.site-header{top:12px}.header-inner{height:64px;padding:0 14px;border-radius:18px;gap:10px}.brand{font-size:24px}.brand span{font-size:29px}.site-header nav{gap:0}.site-header nav a{font-size:10px;padding:8px}.header-contact{font-size:11px;padding:11px 12px;gap:4px}.header-contact .icon{height:14px;width:14px}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:120px 0 40px;gap:18px}.hero h1{font-size:clamp(36px,9.1vw,56px);line-height:1.3;letter-spacing:-2.1px;margin-top:24px}.hero-hello{font-size:19px}.hero-description{font-size:13px;margin-top:24px}.hero-fields{margin-top:12px;gap:7px}.hero-fields span{font-size:10px;padding:5px 9px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:12px;padding:14px 16px;gap:13px;min-height:46px}.hero-playground{height:clamp(225px,34vh,310px);width:100%;margin:0;align-self:center}.pet-host{width:290px;max-width:100%;margin:auto}.pet{max-width:290px}.pet-caption{font-size:10px;bottom:0;letter-spacing:1.5px}.pet-speech{top:2px;right:-12px;width:145px;font-size:11px;padding:11px 13px}.pet-badge{bottom:35px;right:22px;width:36px;height:36px;font-size:19px}.section-heading h2{font-size:32px;letter-spacing:-1.2px}.section-heading{gap:22px;align-items:start}.about-section{padding-top:70px}.resume-link{font-size:11px!important;padding:13px!important;gap:7px!important;min-height:45px}.portrait-circle{width:265px;height:310px;left:calc(50% - 132px);top:30px;border-radius:90px 90px 55px 55px;animation:none}.career-card li{font-size:13px}.domain-tags span{font-size:10px}.colleague-note{padding:24px 21px;gap:13px;margin-top:35px}.colleague-note h3{font-size:21px}.colleague-note p:last-child{font-size:12px;line-height:1.8}.note-symbol{font-size:55px}.note-link{margin-left:0;flex-basis:100%;padding-top:13px;border-top:1px solid #e5e8df;font-size:12px}.work-section{padding-top:75px}.projects-grid{gap:35px}.project-media{border-radius:13px}.project-caption h3{font-size:23px}.project-caption p{font-size:12px}.project-tags span{font-size:10px}.knowledge-project{display:block;padding:13px;border-radius:17px}.knowledge-project .project-caption{padding:22px 9px 12px}.knowledge-project .project-caption p{max-width:100%}.knowledge-project .project-caption h3{font-size:24px}.ability-section{padding-top:15px}.abilities{grid-template-columns:1fr;gap:23px}.ability-system{grid-column:auto;display:block}.ability-visual,.ability-system .ability-visual{height:245px}.ability-copy,.ability-system .ability-copy{padding:25px}.ability-copy h3{font-size:22px}.ability-copy p{font-size:13px}.mini-brief{left:9%}.mini-output{right:8%}.build-stack{inset:35px 23%}.build-product{width:170px}.spec-stack{inset:40px 15%}.work-style{padding:80px 0}.work-style h2{font-size:clamp(25px,6.5vw,37px);letter-spacing:-1px;line-height:1.7}.work-style-details{grid-template-columns:1fr;gap:19px;margin-top:27px}.work-style-details p{font-size:13px}.work-style .small-label{font-size:11px}.contact-section{padding-top:55px}.contact-heading h2{font-size:46px;letter-spacing:-2px}.contact-heading p{font-size:12px;margin-top:18px}.contact-top{grid-template-columns:1fr 110px;gap:3px;align-items:end}.contact-pet{width:145px;margin-left:-20px;margin-bottom:-15px}.contact-pet .pet-host{width:100%}.contact-pet .pet-speech{right:0;top:-15px;width:136px;font-size:10px}.contact-layout{grid-template-columns:1fr 100px;gap:10px;margin-top:28px}.contact-rows{padding:5px 12px}.contact-row{min-height:57px}.contact-row>div{display:block}.contact-row small{font-size:9px;display:block;margin-bottom:4px}.contact-row strong{font-size:11px}.contact-row .copy-symbol{width:11px;height:12px;margin-left:10px}.qr-card{padding:4px;border-radius:12px}.contact-footer{margin-top:30px;padding-block:25px}.contact-name{font-size:9px}.hero-fields,.hero-copy{z-index:3}.contact-heading{margin:0}.work-style-details .style-note{font-size:10px}}
@media(max-height:740px) and (min-width:641px){.hero{padding-top:120px;padding-bottom:45px}.hero-playground{height:350px}.hero h1{font-size:60px}.hero-description{margin-top:22px}.hero-actions{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.pet *,.ability *{animation:none!important;transition:none!important}.pet-svg{transform:none}.project-media>img{transform:none!important}.ability:hover{translate:none}.hero .enter,.hero .line-mask>span{opacity:1;transform:none;animation:none}.reveal{opacity:1!important;translate:none!important;transform:none!important}}
/* Isolate the new scenes from the previous edition's dark card overrides. */
.ability-logic .bento-logic{background:radial-gradient(ellipse at 70% 50%,#e7e8f8,transparent 70%),#fafbfe;color:#6d7892}.ability-delivery .bento-delivery{background:radial-gradient(ellipse at 60% 50%,#e3edf9,transparent 70%),#fafcfe;display:block}.mini-stages{gap:8px}.mini-stages b{white-space:nowrap;flex-shrink:0;padding:6px 8px}.mini-stages em{font-size:11px}.hero:not(.in-view) .pet *,.motion-offscreen .pet *{animation-play-state:paused!important}.pet-highlight{transition:d .9s cubic-bezier(.34,1.4,.3,1)}.pet.is-chat .pet-highlight{d:path('M79 71 C89 38 120 27 154 33 C172 25 205 26 219 41 C239 45 252 62 258 84 C271 104 272 129 258 148 C267 174 250 207 228 216 C203 233 177 239 154 231 C130 237 107 227 89 214 C66 202 54 187 56 166 C40 134 46 97 79 71 Z')}
/* Keep the invitation clear of the header's QR card. */
.hero .pet-speech{top:70%;right:-25px}.site-header .contact-peek{right:clamp(-130px,calc((1120px - 100vw)/2 + 24px),0px)}.pet.is-flipping.is-happy .pet-svg{animation:pet-turn .85s ease-in-out}
@media(max-width:640px){.hero .pet-speech{top:65%;right:0}.site-header .contact-peek{right:0}}
.hero-playground:has(.pet.is-chat) .pet-caption{opacity:0}.pet-caption{transition:opacity .25s}
.contact-section .qr-card{grid-template-columns:minmax(0,1fr);gap:0;min-width:0}.contact-section .qr-card img{width:100%;max-width:100%;height:auto}
@media(max-width:640px){.contact-heading h2{font-size:32px;letter-spacing:-1.2px}}
@media(max-width:640px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:15px}.contact-rows{padding:5px 19px}.contact-row{min-height:65px;padding:15px 0}.contact-row>div{display:flex;gap:16px}.contact-row small{font-size:11px;margin:0}.contact-row strong{font-size:13px}.contact-row .copy-symbol{width:13px;height:14px}.contact-section .qr-card{width:140px;height:auto;justify-self:start;padding:7px}.contact-heading h2{font-size:34px}}
@media(max-width:640px){.site-header .header-inner .header-contact{width:36px;min-width:36px;min-height:36px;padding:10px;justify-content:center;gap:0}.site-header .header-inner .header-contact i.icon{display:inline-block;width:16px;height:16px}}
.note-author{display:block;font-size:11px;line-height:1.7;color:#889188;margin-top:12px}
.contact-row>div{flex-direction:row}.contact-row small{min-width:0;width:auto;flex:0 0 auto}.contact-row .copy-symbol{position:relative;flex:0 0 auto;display:inline-block;width:13px;height:15px;border:1px solid currentColor;border-radius:2px;background:transparent;transform:none}.contact-row .copy-symbol::before{content:"";position:absolute;left:3px;top:3px;right:auto;bottom:auto;width:100%;height:100%;border:1px solid currentColor;border-radius:2px;background:transparent;transform:none}.contact-row .copy-symbol::after{display:none}
.ability:hover .sheet-back{translate:-25px -43px}.ability:hover .sheet-mid{translate:0 -9px}.ability:hover .sheet-front{translate:24px 30px}
@media(max-width:640px){.site-header .contact-peek{display:none}}