@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap');
@import url('contact-card.css');
:root{--bg:#0c0c0c;--ink:#d7e2ea;--muted:#9ca7ae;--sans:'Kanit',sans-serif;--display:'Kanit',sans-serif;--accent:#cbb4f1;--page:clamp(24px,4vw,70px);scroll-padding-top:24px}
html,body{background:#0c0c0c}body{padding:0;color:var(--ink);font-family:var(--sans);overflow-x:clip}main{overflow-x:clip}button,input,textarea{font-family:inherit}em{font-style:normal;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b3d4fa;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.silver-title{background:linear-gradient(180deg,#646973 0%,#bbccd7 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;text-transform:uppercase;letter-spacing:-.06em;line-height:.9}
.creator-nav{display:flex;align-items:center;gap:50px;padding:26px var(--page) 14px;height:96px}.creator-monogram{font-size:32px;line-height:1;font-weight:800;text-decoration:none;color:#d7e2ea}.creator-nav nav{display:flex;justify-content:space-between;gap:28px;width:100%;align-items:center}.creator-nav nav a{font-size:clamp(14px,1.5vw,22px);text-transform:uppercase;letter-spacing:.06em;font-weight:500;text-decoration:none;min-height:44px;display:flex;align-items:center;transition:opacity .2s}.creator-nav nav a:hover{opacity:.65}
.creator-hero{height:calc(100svh - 96px);min-height:740px;position:relative;isolation:isolate;overflow-x:clip;padding:6px var(--page) 0}.creator-heading{text-align:center}.creator-heading>p{font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;margin:0 0 5px}.creator-heading h1{font-size:clamp(100px,18.3vw,320px);margin:0;white-space:nowrap;line-height:.9;letter-spacing:-.06em}
.creator-center{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:flex;align-items:center;flex-direction:column;width:380px;max-width:48vw;z-index:2}.language-card{width:100%;border:0;background:transparent;backdrop-filter:none;padding:0;margin:0 0 14px;gap:7px;border-radius:0}.language-intro{justify-content:center;gap:7px}.language-intro strong{font:400 13px var(--sans);letter-spacing:.02em}.language-intro>span{color:#b7c3cc}.lang-switch{display:flex;justify-content:center;gap:5px}.lang{border-radius:50px;border:1px solid #ffffff24;background:#171819;min-height:40px;padding:7px 13px;font-size:13px;gap:5px;transition:background .2s}.lang.active{color:#101216;background:#d7e2ea;border-color:#d7e2ea}
.creator-portrait{height:clamp(330px,44svh,490px);width:100%;position:relative;will-change:transform;transition:transform .35s ease-out;border:1px solid #65747d;border-radius:190px 190px 24px 24px;overflow:hidden;background:#22272b;box-shadow:0 15px 90px #74869618}.creator-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:inherit}.creator-portrait:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#0c0c0cce);pointer-events:none}.portrait-signature{position:absolute;bottom:21px;left:20px;right:20px;text-align:center;font-size:40px;font-weight:800;letter-spacing:.06em;color:#e8f2fa;z-index:2}.portrait-signature>span{display:block;font-size:11px;font-weight:400;letter-spacing:.1em;margin-top:1px}.portrait-skills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 4px;min-height:34px}.portrait-skills span{font-size:13px;line-height:1.4;border:1px solid #ffffff25;padding:4px 10px;border-radius:30px;color:#b6c6d1;background:#131617}
.creator-bottom{position:absolute;left:var(--page);right:var(--page);bottom:35px;display:flex;justify-content:space-between;align-items:end;gap:28px}.creator-bottom>p{font-size:clamp(16px,1.45vw,21px);line-height:1.3;font-weight:300;max-width:265px;text-transform:uppercase;letter-spacing:.025em;margin:0}.contact-pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:55px;padding:15px 30px;border-radius:100px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1;outline:2px solid #fff;outline-offset:-3px;text-decoration:none;color:white;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;transition:transform .25s,filter .25s}.contact-pill:hover{transform:translateY(-3px);filter:brightness(1.15)}.creator-scroll{position:absolute;left:0;bottom:160px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;display:flex;gap:14px;align-items:center;min-height:44px}.creator-scroll>span:last-child{font-size:22px}
.project-marquee{padding:110px 0 55px;overflow:hidden;position:relative}.marquee-track{display:flex;gap:14px;width:max-content;margin-bottom:14px;transform:translateX(-440px);will-change:transform}.marquee-tile{width:420px;height:265px;flex:none;margin:0;position:relative;overflow:hidden;border-radius:19px;background:#15181b;border:1px solid #ffffff22;padding:9px}.marquee-tile img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:11px;opacity:.85}.marquee-tile figcaption{position:absolute;left:20px;bottom:16px;font-size:14px;background:#090e13e8;color:#e6edf3;padding:7px 12px;border:1px solid #fff2;border-radius:7px}
.creator-about{padding:110px var(--page) 130px;text-align:center}.profile-story{max-width:850px;margin:0 auto}.profile-story .section-index{display:none}.profile-story h2{font-size:clamp(64px,11vw,160px);margin:0 0 50px;line-height:.95;letter-spacing:-.055em}.profile-story>p:not(.section-index){max-width:650px;margin:0 auto;font-size:clamp(18px,1.9vw,26px);font-weight:400;line-height:1.55;color:#d7e2ea}.reveal-word{transition:opacity .12s}.profile-story .text-link{font-size:16px;margin-top:35px;color:#d7e2ea;border-color:#d7e2ea6b}.career-timeline{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:70px auto 0;border-color:#84959f42;gap:20px;text-align:left}.career-row{display:flex;flex-direction:column;gap:10px;padding:22px 0}.career-date{font:13px var(--sans);color:#94a3af}.career-row h3{font:500 25px var(--sans);letter-spacing:-.03em}.career-row p{font:400 15px/1.45 var(--sans);color:#c7d1d8}.career-row div>span{font:300 13px/1.5 var(--sans);color:#9da9b2}
.creator-expertise{border-radius:60px 60px 0 0;background:#fff;color:#0c0c0c;padding:110px var(--page) 150px}.creator-expertise>.section-index{text-align:center;color:#777;font:400 13px var(--sans);margin-bottom:15px}.creator-expertise h2{font:900 clamp(48px,9.5vw,150px)/.95 var(--sans);letter-spacing:-.06em;text-transform:uppercase;text-align:center;margin:0 0 70px}.expertise-list{max-width:1050px;margin:auto}.expertise-row{display:grid;grid-template-columns:165px 1fr;column-gap:45px;padding:35px 0;border-top:1px solid #0c0c0c26;align-items:start}.expertise-number{grid-column:1;grid-row:1 / 4;font:900 clamp(65px,9.5vw,130px)/1 var(--sans);letter-spacing:-.06em}.expertise-row h3{grid-column:2;text-transform:uppercase;font:500 clamp(22px,2.5vw,34px)/1.15 var(--sans);margin:8px 0 12px;letter-spacing:-.03em}.expertise-row p{grid-column:2;font:300 20px/1.5 var(--sans);max-width:720px;color:#5f6266;margin:0}.expertise-row ul{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:17px 0 0;padding:0;font:400 13px var(--sans);color:#73787c}
.projects-stack{position:relative;margin-top:-55px;padding:85px var(--page) 100px;background:#0c0c0c;border-radius:60px 60px 0 0}.projects-stack>.section-index{text-align:center;color:#9daab3;font:400 13px var(--sans);margin-bottom:15px}.projects-stack>h2{font-size:clamp(64px,12vw,170px);text-align:center;margin:0 0 70px}.project-stack-item{display:contents}.stack-anchor{display:block;height:0}.stack-card{position:relative;background:#0c0c0c;border:2px solid #aabcc7;border-radius:42px;padding:28px;margin:0 0 70px;transform-origin:center top;isolation:isolate;z-index:calc(10 + var(--card-index))}.motion-enabled .stack-card{position:sticky;top:calc(20px + var(--card-index)*16px);margin-bottom:26svh;will-change:transform;transform:scale(var(--stack-scale,1))}.stack-card:last-child{margin-bottom:0}.stack-number{font-size:clamp(52px,7vw,94px);font-weight:800;line-height:1;letter-spacing:-.05em;color:#d7e2ea;display:block;margin-bottom:25px}.project-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);align-items:start;gap:40px;height:auto;max-width:none;margin:0}.project-copy{transform:none!important}.project-copy .eyebrow{font:400 12px/1.45 var(--sans);letter-spacing:.07em;color:#9daeba;margin:0 0 14px}.project-copy h2{font:600 clamp(34px,3.9vw,58px)/1.05 var(--sans);letter-spacing:-.05em;margin:0 0 17px}.project-description{font:300 17px/1.55 var(--sans);color:#bac8d2;max-width:none;margin:0 0 20px}.project-contribution{margin:18px 0;padding:0;border:0}.project-contribution>span{font:400 11px var(--sans);letter-spacing:.08em;color:#8298a6}.project-contribution p{font:300 14px/1.5 var(--sans);color:#a9bbc7;margin-top:6px}.case-tags{gap:7px;padding:0;margin:18px 0}.case-tags li{font:400 12px var(--sans);border:1px solid #667a8780;border-radius:20px;padding:5px 10px;background:none;color:#cad8e1}.project-copy>.text-link{font-size:14px;min-height:48px;border:1px solid #a8bbc9;border-radius:50px;padding:11px 20px;text-transform:uppercase;margin-top:7px;letter-spacing:.03em}.project-stage{width:100%;margin:0;transform:none!important;min-width:0}.device-bar{font:400 12px var(--sans);background:#171b20;border:1px solid #ffffff20;border-bottom:0;border-radius:16px 16px 0 0;padding:12px 15px}.project-preview-link{display:block;border-radius:0 0 22px 22px;border:1px solid #ffffff26;max-height:none;height:auto;overflow:hidden;background:#151b20;position:relative}.project-preview-link img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:top;display:block;transform:none!important}.preview-gaditas,.preview-menu{height:auto}.preview-prompt{font:400 12px var(--sans);background:#0c0c0ce8;color:#d7e2ea;border:1px solid #d7e2ea70;border-radius:40px;bottom:14px;right:14px;padding:10px 14px;min-height:40px}.project-stage figcaption{font:300 13px/1.5 var(--sans);color:#9bb0be;margin-top:12px}
.creator-resume{display:block;padding:100px var(--page);background:#111518;border:0;min-height:0}.creator-resume>.section-index{font:400 13px var(--sans);color:#97a8b6}.resume-content{max-width:1100px;margin:auto}.resume-heading h2{font:700 clamp(42px,6.5vw,85px)/1.03 var(--sans);letter-spacing:-.05em}.resume-heading>p{font-size:18px;color:#a8b8c2}.resume-heading .code-mark{display:none}.resume-downloads{gap:25px}.resume-card{border-radius:24px;border-color:#a5bfce33;background:#1b2025}.resume-thumbnail{box-shadow:0 10px 25px #0004}.resume-card h3{font-family:var(--sans)}.resume-language{border-color:#adc0cb50;color:#cfdee8}.cv-action{font-family:var(--sans);font-size:14px;border-color:#9badba5c;border-radius:10px}.cv-action-primary{background:#d7e2ea;color:#11151a;border-color:#d7e2ea}.resume-note{font-size:14px;color:#a6b6c0}
.creator-contact{padding:110px var(--page);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:8vw;align-items:center;background:#0c0c0c}.contact-lead .section-index{font:400 13px var(--sans);color:#98aab5}.contact-lead h2{font:700 clamp(42px,5vw,74px)/1.05 var(--sans);letter-spacing:-.05em;margin:0 0 26px}.contact-lead h2 em{color:#9cabb5}.contact-lead>p:not(.section-index){font:300 18px/1.6 var(--sans);color:#a7b9c4}.contact-actions{gap:20px;margin-top:25px}.contact-actions .button{background:none;border:1px solid #a2b5c1;border-radius:50px;color:#d7e2ea}.contact-address{display:block;margin-top:30px;line-height:1.5;color:#a6bbc9}.hello-card{align-self:auto;grid-column:auto;grid-row:auto;padding:27px;border-radius:26px}.hello-card button,.hello-card input,.hello-card textarea{font-family:var(--sans)}.hello-heading h2{font-weight:600}.hello-submit{background:linear-gradient(123deg,#18011f,#7621b0 65%,#be4c00);border-radius:50px}.hello-note{font-size:13px}
footer{background:#0c0c0c;padding:35px var(--page) 85px;border-color:#8fa4b529}footer a,footer p,footer span{font-family:var(--sans)}.floating-whatsapp{border:1px solid #819aab85;background:#11171df0;border-radius:50%;right:20px;bottom:20px;padding:0;width:48px;height:48px;justify-content:center}.floating-whatsapp>span:not(.wa-icon),.floating-whatsapp>b{display:none}.wa-icon{width:28px;height:28px;background:transparent;color:#d7e2ea}.motion-toggle{width:42px;height:42px;min-height:42px;padding:0;justify-content:center;left:20px;bottom:20px;border-radius:50%;border-color:#819aab85;background:#11171df0;color:#d7e2ea}.motion-toggle .motion-pause,.motion-toggle .motion-resume{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.motion-toggle>span:first-child{font-size:16px}.scroll-line span{background:#bba3e9}.section-index{font-family:var(--sans)}
.motion-enabled .creator-heading{animation:creator-enter .8s .1s both}.motion-enabled .creator-center{animation:portrait-enter .9s .3s both}.motion-enabled .creator-nav{animation:creator-enter .7s both}.motion-enabled .creator-bottom{animation:creator-enter .8s .4s both}@keyframes creator-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes portrait-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
.motion-enabled .stack-card{top:min(calc(20px + var(--card-index)*16px),calc(100svh - var(--card-height,700px) - 20px))}
@media(min-width:721px){.creator-bottom>.contact-pill{margin-right:24px}}
@media(min-width:1700px){.creator-center{width:460px}.creator-portrait{height:480px}.creator-bottom>p{max-width:320px}}
@media(min-width:721px) and (max-width:1100px){.creator-center{width:330px}.creator-bottom>p{max-width:180px;font-size:16px}.contact-pill{padding:15px 22px;font-size:13px;gap:13px}.creator-scroll{bottom:180px}.creator-contact{gap:35px}.project-layout{grid-template-columns:.85fr 1.15fr;gap:25px}.project-copy h2{font-size:35px}.project-description{font-size:16px}.stack-card{padding:24px}.career-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
 :root{--page:20px}.creator-nav{height:77px;padding:17px 20px 9px;gap:15px}.creator-monogram{font-size:23px}.creator-nav nav{gap:9px}.creator-nav nav a{font-size:12px;letter-spacing:.01em;min-height:44px}.creator-nav nav a[href="#stack"]{font-size:11px}
 .creator-hero{height:auto;min-height:0;padding:18px 18px 38px;display:flex;flex-direction:column}.creator-heading>p{font-size:12px;margin-bottom:9px}.creator-heading h1{font-size:18.2vw;line-height:1;letter-spacing:-.065em}.creator-center{position:relative;left:auto;transform:none;width:min(290px,85%);max-width:none;margin:24px auto 0;bottom:auto}.language-card{margin-bottom:18px;gap:7px;width:calc(100% + 15px)}.language-intro strong{font-size:13px}.lang{font-size:12px;min-height:44px;padding:8px 10px;gap:5px}.creator-portrait{height:310px;width:100%;border-radius:150px 150px 22px 22px}.portrait-signature{font-size:30px;bottom:19px}.portrait-signature>span{font-size:10px;letter-spacing:.08em}.portrait-skills{gap:5px;margin-top:12px;flex-wrap:nowrap}.portrait-skills span{font-size:12px;padding:4px 7px;white-space:nowrap}.creator-bottom{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr auto;gap:23px 16px;align-items:center;margin-top:28px}.creator-bottom>p{font-size:14px;line-height:1.4;max-width:230px;letter-spacing:0;text-transform:none}.contact-pill{font-size:12px;letter-spacing:.03em;padding:12px 19px;min-height:48px;gap:10px}.creator-scroll{position:static;grid-column:1/-1;grid-row:2;justify-self:center;font-size:12px;min-height:44px;gap:14px}.creator-bottom>.contact-pill{grid-column:2;grid-row:1}.project-marquee{padding:35px 0 35px}.marquee-track{gap:10px;margin-bottom:10px}.marquee-tile{width:265px;height:170px;border-radius:13px;padding:6px}.marquee-tile img{border-radius:8px}.marquee-tile figcaption{font-size:12px;left:12px;bottom:12px;padding:5px 8px}
 .creator-about{padding:70px 24px 85px}.profile-story h2{font-size:clamp(56px,14vw,94px);margin-bottom:28px}.profile-story>p:not(.section-index){font-size:18px;line-height:1.55}.profile-story .text-link{font-size:14px;margin-top:26px}.career-timeline{grid-template-columns:1fr 1fr;gap:5px 20px;margin-top:42px}.career-row{gap:8px;padding:18px 0}.career-date{font-size:12px}.career-row h3{font-size:22px}.career-row p{font-size:14px}.career-row div>span{font-size:12px;line-height:1.5}
 .creator-expertise{border-radius:32px 32px 0 0;padding:65px 22px 110px}.creator-expertise h2{font-size:11vw;letter-spacing:-.045em;margin-bottom:36px}.creator-expertise>.section-index{font-size:12px}.expertise-row{grid-template-columns:58px 1fr;gap:0 15px;padding:26px 0}.expertise-number{font-size:55px;margin-top:1px}.expertise-row h3{font-size:22px;margin:5px 0 10px}.expertise-row p{font-size:16px;line-height:1.5}.expertise-row ul{font-size:12px;line-height:1.5;gap:5px 10px;margin-top:12px}
 .projects-stack{border-radius:32px 32px 0 0;margin-top:-40px;padding:60px 12px 60px}.projects-stack>h2{font-size:16vw;margin-bottom:36px}.projects-stack>.section-index{font-size:12px}.stack-card{border-radius:24px;border-width:1px;padding:20px;margin-bottom:35px}.motion-enabled .stack-card{top:min(calc(12px + var(--card-index)*7px),calc(100svh - var(--card-height,700px) - 12px));margin-bottom:17svh}.stack-number{font-size:52px;margin-bottom:18px}.project-layout{grid-template-columns:1fr;gap:21px}.project-copy{display:contents}.project-copy .eyebrow{font-size:12px;margin:0;grid-row:1}.project-copy h2{font-size:36px;grid-row:2;margin:-8px 0 0}.project-description{font-size:16px;grid-row:3;margin:-7px 0 0;line-height:1.5}.project-stage{grid-row:4}.project-preview-link,.preview-gaditas,.preview-menu{height:auto;max-height:none}.project-preview-link img{height:auto;max-height:240px;object-fit:contain;object-position:top}.device-bar{font-size:11px;padding:8px 10px}.project-stage figcaption{font-size:12px}.preview-prompt{font-size:12px;padding:8px 11px;bottom:8px;right:8px;min-height:40px}.project-contribution{grid-row:5;margin:0}.project-contribution>span{font-size:11px}.project-contribution p{font-size:14px;margin:5px 0 0}.case-tags{grid-row:6;margin:-5px 0 0;gap:5px}.case-tags li{font-size:12px;padding:4px 9px}.project-copy>.text-link{grid-row:7;margin:0;justify-self:start;font-size:12px;min-height:44px;padding:10px 15px}
 .creator-resume{padding:65px 22px}.creator-resume .section-index{font-size:12px}.resume-heading h2{font-size:43px}.resume-heading>p{font-size:16px}.resume-downloads{gap:12px;margin-top:28px}.resume-card{border-radius:17px;padding:12px;gap:13px}.resume-thumbnail img{height:170px}.resume-card h3{font-size:17px}.resume-card .cv-action{font-size:12px;min-height:44px;padding:10px 8px}.resume-card .resume-language{font-size:11px;padding:5px}.resume-note{font-size:14px}
 .creator-contact{display:block;padding:70px 22px 85px}.contact-lead h2{font-size:44px}.contact-lead>p:not(.section-index){font-size:16px}.contact-address{font-size:13px;margin-top:25px}.contact-actions .button{font-size:14px;min-height:46px}.hello-card{padding:22px 18px;border-radius:22px;margin-top:35px}.hello-heading h2{font-size:27px}.hello-intro{font-size:15px}.hello-contact{flex-wrap:wrap}.hello-contact strong{font-size:13px}.hello-fields{grid-template-columns:1fr}#hello-form label,#hello-form legend{font-size:15px}#hello-form input,#hello-form textarea{font-size:16px}.contact-topics button{min-height:44px;font-size:13px}.hello-submit{font-size:15px}.hello-note{font-size:13px}.hello-card .hello-socials a{width:40px;height:40px}footer{padding:30px 22px 100px}.floating-whatsapp{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:44px;height:44px}.motion-toggle{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:40px;height:40px}
}
@media(max-width:370px){.creator-nav{padding-inline:15px;gap:11px}.creator-nav nav a{font-size:11px}.creator-nav nav a[href="#stack"]{font-size:10px}.creator-center{width:268px}.portrait-skills span{font-size:11px;padding:4px 6px}.creator-bottom{gap:18px 13px}.creator-bottom>p{font-size:14px}.contact-pill{font-size:11px;padding:12px 15px}.creator-expertise h2{font-size:10.8vw}.resume-thumbnail img{height:145px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-word{opacity:1!important}.marquee-track{transform:translateX(-100px)!important}.stack-card,.creator-portrait{transform:none!important;will-change:auto}.motion-toggle{display:none}}

/* Keep language selection visible in the header, clear of the portrait. */
.creator-nav{position:relative;z-index:30;gap:28px;height:112px}
.creator-nav nav{flex:1;min-width:0;gap:22px}
.creator-nav nav a{font-size:clamp(14px,1.3vw,20px)}
.creator-nav .language-card{width:290px;max-width:100%;flex:none;margin:0;gap:6px}
.creator-nav .language-intro,.creator-nav .lang-switch{justify-content:flex-end}
.creator-nav .language-intro strong{font-size:12px}
.creator-nav .lang{min-height:44px;font-size:12px;padding:8px 11px}
.creator-nav .language-card{width:350px}
.resume-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.resume-card{grid-template-columns:1fr;gap:14px;padding:16px}
.resume-thumbnail img{height:230px}
.resume-card-content{min-width:0}
@media(min-width:721px) and (max-width:1100px){.resume-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1101px){.creator-hero{height:calc(100svh - 112px)}}
@media(max-width:1100px){
 .creator-nav{display:grid;grid-template-columns:auto minmax(0,1fr);height:auto;gap:10px 22px;padding-top:16px;padding-bottom:16px}
 .creator-nav nav{grid-column:2;grid-row:1;width:100%}
 .creator-nav .language-card{grid-column:1/-1;grid-row:2;justify-self:end;width:max-content;margin:4px 0 0}
}
@media(max-width:720px){
 .creator-nav{gap:8px 15px}
 .creator-nav nav{gap:9px}
 .creator-nav nav a{font-size:12px;letter-spacing:0}
 .creator-nav nav a[href="#stack"]{font-size:11px}
 .creator-nav .language-card{margin-top:2px;gap:3px}
 .creator-nav .language-intro strong{font-size:11px}
 .creator-nav .lang{padding:8px 10px}
 .resume-downloads{grid-template-columns:1fr}
 .resume-card{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1fr);gap:14px;align-items:center}
 .resume-card .resume-thumbnail img{height:175px}
}
@media(max-width:370px){.creator-nav .lang{font-size:11px;padding:8px 7px}.resume-card{grid-template-columns:minmax(75px,.65fr) minmax(0,1fr);padding:11px;gap:11px}.resume-card .cv-action{font-size:11px;padding:9px 7px}}