.about-contact .email-link{letter-spacing:0;text-transform:none;max-width:100%}.email-link span{overflow-wrap:anywhere;min-width:0}.about-stats{display:flex;justify-content:center;gap:40px;max-width:680px}.about-stats>div{flex:1}.about-stats strong{display:block;font-size:44px;font-weight:700;line-height:1.2}.about-stats span{display:block;font-size:14px;color:#aab4bd;line-height:1.5;margin-top:8px}.about-content{gap:42px}.about{padding-block:130px}.decoration.smile,.decoration.cursor{bottom:3%}
.real-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.real-projects .project-slot,.real-projects.filtered .project-slot{position:static;min-height:0;top:auto;padding:0}.real-projects .project-slot[hidden]{display:none}.real-projects .project-card{height:100%;flex-direction:column;padding:24px;border:1px solid #d7e2ea55;border-radius:36px;gap:24px;transform:none!important;will-change:auto;box-shadow:none;transition:border-color .25s}.real-projects .project-card:hover{border-color:#d7e2ea}.real-projects .project-image{width:100%;max-width:none;overflow:hidden;border-radius:22px}.real-projects .project-image img{aspect-ratio:4/3;border-radius:22px;transition:transform .4s;object-fit:cover}.real-projects .project-image:hover img{transform:scale(1.03)}.real-projects .big-number{font-size:52px;min-width:1.1em}.real-projects .numbered-title{gap:20px}.real-projects h3{font-size:25px}.real-projects .project-copy{display:flex;flex-direction:column}.real-projects .project-copy>p{font-size:16px;margin-top:20px;margin-bottom:25px}.real-projects .outline-button{align-self:flex-start;margin-top:auto;min-height:48px;padding:11px 24px;font-size:13px}.project-archive{max-width:1152px;margin:48px auto 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.project-archive p{font-size:17px;color:var(--muted)}.project-archive .outline-button{margin:0}
.additional-experience{background:#fff;color:#0c0c0c;padding:0 40px 120px;margin-top:-85px;position:relative;z-index:4}.additional-experience>h2{max-width:1152px;margin:0 auto 30px;font-size:32px;font-weight:600}.additional-experience>div{max-width:1152px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.additional-experience article{border:1px solid #ddd;border-radius:32px;padding:30px}.additional-experience h3{font-size:22px;line-height:1.3;font-weight:500}.additional-experience p{font-size:17px;margin-top:16px;color:#626262;line-height:1.7}
.contact-section{border-top:1px solid #d7e2ea22;position:relative;padding:110px 40px 120px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,6vw,90px);max-width:1440px;margin:auto}.contact-intro{padding-top:20px}.contact-intro>.eyebrow{color:#cd9ceb;font-size:14px;letter-spacing:.15em}.contact-intro h2{font-size:clamp(50px,5.7vw,85px);font-weight:900;line-height:1.06;text-transform:uppercase;letter-spacing:-.025em;margin-top:25px}.contact-intro>p{font-size:18px;color:#aab4bd;max-width:430px;line-height:1.75;margin-top:30px}.contact-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.contact-topics span{padding:9px 14px;font-size:13px;border:1px solid #d7e2ea2e;border-radius:50px}.contact-signature{display:block;margin-top:48px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#929ca5}.contact-form{position:relative;border:1px solid #bf91e644;border-radius:40px;padding:36px;background:radial-gradient(ellipse at top right,#7521891b,transparent 65%),#141414;box-shadow:0 18px 100px #a528b208}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.form-heading .eyebrow{font-size:14px;margin:0;color:#d7e2ea}.form-heading>svg{width:30px;height:30px;color:#dbb7ec}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;min-width:0}.form-field label{font-size:14px;font-weight:400;color:#d7e2ea}.form-field input,.form-field textarea{display:block;width:100%;border:1px solid #d7e2ea2b;border-radius:12px;background:#ffffff04;color:#f2f4f7;padding:14px 16px;font:300 16px/1.5 Kanit,sans-serif;transition:border-color .2s,box-shadow .2s;min-height:54px}.form-field textarea{resize:vertical;min-height:155px;max-height:600px}.form-field input::placeholder,.form-field textarea::placeholder{color:#92969c}.form-field input:focus,.form-field textarea:focus{outline:0;border-color:#c987e5;box-shadow:0 0 0 3px #b446d51a}.form-field input:user-invalid,.form-field textarea:user-invalid{border-color:#ef949b}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.form-actions>p{font-size:13px;line-height:1.6;color:#9ba4ac;max-width:190px}.send-button{border:0;padding:16px 26px;gap:15px;letter-spacing:.06em;font-size:14px;flex-shrink:0}.send-button:disabled{cursor:wait;opacity:.7;transform:none}.form-status{padding:15px 18px;margin-top:24px;border-radius:14px;font-size:16px;line-height:1.6}.form-status[data-state=success]{background:#76d3ba0d;border:1px solid #76d3ba55;color:#b4e9d9}.form-status[data-state=error]{background:#f3b5c40d;border:1px solid #f3b5c455;color:#f3c6d1}.form-status[hidden]{display:none}.form-status:focus{outline:none}.form-note{font-size:14px;margin-top:20px;color:var(--muted)}
.project-detail main{max-width:1280px;margin:auto;padding:0 40px}.project-nav{display:flex;justify-content:space-between;gap:20px;max-width:1360px;margin:auto;padding:28px 40px;font-size:16px}.project-nav a{min-height:44px;display:flex;align-items:center}.case-header{padding:80px 0 60px;max-width:1000px}.case-header h1{font-size:clamp(46px,6.5vw,94px);line-height:1.04;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;margin:24px 0}.case-header>p{max-width:750px;font-size:22px;color:#aab4bd;line-height:1.6}.case-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.case-tools span{font-size:14px;border:1px solid var(--line);border-radius:40px;padding:9px 19px}.case-hero{display:block;border-radius:36px;overflow:hidden;background:#141414}.case-hero img{width:100%;max-height:850px;object-fit:contain}.case-process{padding:70px 0;display:grid;grid-template-columns:1fr 1.8fr;gap:50px}.case-process h2{font-size:30px;line-height:1.2;font-weight:600;text-transform:uppercase}.case-process p{font-size:19px;line-height:1.75;color:#b5bec6}.case-process p+p{margin-top:16px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:70px}.case-gallery figure:only-child{grid-column:1/-1;max-width:100%}.case-gallery img{width:100%;border-radius:26px;background:#141414}.case-gallery figcaption{font-size:14px;color:#aab4bd;margin-top:13px}.case-footer{border-top:1px solid var(--line);padding:32px 0 55px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.case-footer a{min-height:44px;display:flex;align-items:center;font-size:16px}
@media(max-width:1000px){.contact-section{grid-template-columns:1fr;gap:40px}.contact-intro{max-width:700px}.contact-intro>p{max-width:650px}.contact-signature{margin-top:25px}.contact-form{max-width:800px;width:100%}.real-projects h3{font-size:22px}.real-projects .numbered-title{gap:14px}.real-projects .big-number{font-size:43px}.real-projects .project-card{padding:20px}}
@media(max-width:767px){.about-stats{gap:20px}.about-stats strong{font-size:35px}.about-stats span{font-size:13px}.real-projects{grid-template-columns:1fr}.real-projects .project-card{padding:22px}.real-projects .big-number{font-size:52px}.real-projects .numbered-title{gap:20px}.real-projects h3{font-size:24px}.project-archive{flex-direction:column;align-items:flex-start}.additional-experience{padding:0 24px 95px;margin-top:-65px}.additional-experience>div{grid-template-columns:1fr}.additional-experience article{padding:25px}.contact-section{padding:75px 24px 80px;gap:32px}.contact-intro h2{font-size:clamp(43px,11.8vw,72px)}.contact-form{padding:25px;border-radius:30px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column;align-items:stretch;gap:20px}.form-actions>p{max-width:none}.send-button{align-self:stretch}.contact-intro>p{font-size:17px}.about{padding-inline:24px}.about-contact .email-link{font-size:14px;gap:7px}.about-contact .email-link svg{width:15px;height:15px}.about-stats{gap:15px}.project-detail main{padding:0 24px}.project-nav{padding:18px 24px;font-size:14px}.case-header{padding:45px 0 40px}.case-header h1{font-size:clamp(39px,10.3vw,67px);overflow-wrap:anywhere}.case-header>p{font-size:18px}.case-process{grid-template-columns:1fr;gap:22px;padding:45px 0}.case-process p{font-size:17px}.case-gallery{grid-template-columns:1fr}.case-hero,.case-gallery img{border-radius:24px}.case-footer a{font-size:15px}.contact-topics span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.real-projects .project-image:hover img{transform:none}}

/* Review refinements: readable story, keyboard-safe gallery and stable image space. */
.gallery-window:focus-within{overflow-x:auto;scroll-behavior:auto}
.gallery-window:focus-within .gallery-track{transform:none!important}
.gallery-window:focus-within .gallery-group[aria-hidden=true]{display:none}
.gallery-tile:focus-visible{outline:3px solid #e2a5ff;outline-offset:-5px}
.case-gallery img,.case-hero img{height:auto}
.site-intro~.skip-link{z-index:1001}
.intro-active .skip-link{visibility:hidden}
@media(max-width:420px){.real-projects .numbered-title{align-items:flex-start;gap:13px}.real-projects .big-number{font-size:40px}.real-projects h3{font-size:21px}.real-projects .project-card{padding:20px}.about-stats strong{font-size:30px}.about-stats span{font-size:12px}}

/* jack.html-style stacking with content-sized wrappers and no empty scroll runway. */
.career-stack{display:flex;flex-direction:column;gap:20px;isolation:isolate}
.career-slot{position:relative;margin:0;padding:0;min-height:0;flex:none}
.career-stack.stack-ready .career-slot{position:sticky;top:var(--stack-top,28px);z-index:calc(var(--stack-index) + 1)}
.career-slot .record{position:relative;opacity:1;transform:none;box-shadow:0 -8px 24px #00000016;transition:border-color .3s,box-shadow .3s,background-color .3s}
.career-slot .education-card{background:#191a1c}
.career-slot .big-number{transition:color .3s}
.js-reveal [data-reveal].record-heading-rise{opacity:0;transform:translate3d(0,48px,0);transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--record-delay,0ms)}
.js-reveal [data-reveal].record-heading-rise.is-visible{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.career-slot .record:hover{border-color:#c980de80;background-color:#171019;box-shadow:0 10px 32px #a129b125}.career-slot .record:hover .big-number{color:#d994ed}}
.motion-paused .career-stack.stack-ready .career-slot{position:relative;top:auto}
/* Bring adjacent career content closer, without margins that overlap the final card. */
#experience,#education{padding-top:88px;padding-bottom:88px}
#experience>.section-heading,#education>.section-heading{margin-bottom:52px}
.additional-experience{margin-top:0;padding-top:0;padding-bottom:88px}
@media(max-width:767px){.career-stack{gap:16px}#experience,#education{padding-top:64px;padding-bottom:64px}#experience>.section-heading,#education>.section-heading{margin-bottom:36px}.additional-experience{padding-bottom:64px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.career-stack.stack-ready .career-slot{position:relative;top:auto}.js-reveal [data-reveal].record-heading-rise{opacity:1;transform:none;transition:none}}

.record .role-summary{margin-top:24px;max-width:890px}