*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.app-shell,.boot-loader,.boot-logo,.boot-ring,.floating-mascot img{transition-duration:1ms}.boot-logo,.boot-ring-progress,.floating-mascot,.floating-mascot-inner{animation-duration:1ms}}:root{--black:#020202;--white:#f8f8f8;--muted:#ffffffad;--line:#ffffff29;--card:#040408c7}html{scroll-behavior:smooth}#root{min-height:100%}body{background:var(--black);color:var(--white);margin:0;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}body.is-booting{overflow:hidden}.app-shell{opacity:0;pointer-events:none;min-height:100%;transition:opacity .88s cubic-bezier(.22,1,.36,1)}.app-shell.is-ready{opacity:1;pointer-events:auto}.boot-loader{z-index:5000;opacity:1;background:#020202;place-items:center;transition:opacity .76s cubic-bezier(.22,1,.36,1) .26s;display:grid;position:fixed;inset:0}.boot-loader:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff09,#0000 28%),radial-gradient(circle,#ffffff06,#0000 48%);position:absolute;inset:0}.boot-loader.is-finishing{opacity:0;pointer-events:none}.boot-emblem{aspect-ratio:1;place-items:center;width:clamp(132px,18vw,178px);display:grid;position:relative}.boot-logo{object-fit:cover;filter:brightness(.94)contrast(1.04)drop-shadow(0 0 18px #ffffff1f);border-radius:50%;width:74%;height:74%;transition:filter .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);animation:2.7s cubic-bezier(.19,1,.22,1) forwards boot-logo-scale;transform:scale(.95)}.boot-loader.is-finishing .boot-logo{filter:brightness(1.28)contrast(1.08)drop-shadow(0 0 26px #ffffff38);transform:scale(1)}.boot-ring{width:100%;height:100%;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.boot-loader.is-finishing .boot-ring{opacity:0;transform:rotate(-90deg)scale(1.018)}.boot-ring-track,.boot-ring-progress{fill:none;stroke-width:1.8px}.boot-ring-track{stroke:#ffffff14}.boot-ring-progress{stroke:#fff;stroke-linecap:round;filter:url(#boot-ring-glow)drop-shadow(0 0 1.5px #ffffff1a);stroke-dasharray:339.292;stroke-dashoffset:339.292px;animation:2.7s cubic-bezier(.45,0,.08,1) forwards boot-ring-progress}.floating-mascot{right:max(clamp(14px, 2.2vw, 34px), env(safe-area-inset-right));bottom:max(clamp(14px, 2.2vw, 30px), env(safe-area-inset-bottom));z-index:45;aspect-ratio:864/1184;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 28px #0000006b);width:clamp(88px,9.5vw,154px);animation:5.2s ease-in-out infinite mascot-idle-float;position:fixed}.floating-mascot-inner{transform-origin:50% 88%;width:100%;height:100%;animation:3.9s ease-in-out infinite mascot-breathe;position:relative}.floating-mascot img{object-fit:contain;opacity:0;filter:brightness(.95);width:100%;height:100%;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.18,1,.26,1),filter .76s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(10px)scale(.982)rotate(-1.2deg)}.floating-mascot img.is-active{opacity:1;filter:brightness(1.04);transform:translateY(0)scale(1)rotate(0)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.site-header{z-index:50;background:linear-gradient(90deg,#000000f5,#040407eb,#000000fa);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:clamp(18px,2.8vw,54px);height:92px;padding:0 clamp(34px,4vw,82px);display:flex;position:fixed;inset:0 0 auto}.brand{flex:none;align-items:center;height:100%;max-height:92px;display:flex}.brand-image{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:90%;rotate:7deg}.nav-links{flex:auto;justify-content:flex-end;align-items:center;gap:clamp(22px,2.1vw,38px);min-width:0;display:flex}.nav-links a{letter-spacing:6px;white-space:nowrap;text-transform:uppercase;opacity:.72;font-size:14px;transition:opacity .18s,color .18s}.nav-links a.is-active,.nav-links a:hover{opacity:1}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:46px;height:46px;padding:0;display:none}.menu-toggle span{background:currentColor;border-radius:2px;width:27px;height:2px;transition:transform .18s,opacity .18s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.section{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.section:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.mega-title{color:#fff;letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(86px,8.8vw,172px);font-weight:100;line-height:.92}.section-subtitle{color:#ffffffbd;text-align:center;margin:44px 0 0;font-size:19px;font-weight:300;line-height:1.45}.section-center{z-index:2;text-align:center;max-width:1525px;margin:0 auto;padding:178px 34px 80px;position:relative}.dark-card,.skill-card,.contact-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07070acc;border-radius:4px;box-shadow:0 20px 58px #00000042}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{color:#ffffffd1;background:#ffffff1c;border:1px solid #ffffff29;border-radius:4px;align-items:center;min-height:36px;padding:8px 14px;font-size:14px;line-height:1;display:inline-flex}.outline-button{color:#fff;letter-spacing:6px;text-align:center;text-transform:uppercase;background:#0000000a;border:1px solid #ffffffc7;justify-content:center;align-items:center;min-width:270px;max-width:100%;min-height:64px;padding:19px 34px;font-size:14px;font-weight:500;line-height:1.45;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.outline-button:hover,.outline-button:focus-visible{background:#ffffff14;border-color:#fff;outline:none;transform:translateY(-3px)}.home-section{background:#000}.home-portrait,.home-texture{background-position:50%;background-size:cover;position:absolute;top:92px;bottom:0}.home-portrait{background-image:linear-gradient(90deg,#0000001f,#00000094 70%,#000 100%),linear-gradient(#00000061,#00000061),url(/assets/20260523_023629-IMG_STYLE-DAIvwMEj.jpg);background-position:62% 0;background-repeat:no-repeat;background-size:auto 100%;width:48%;left:0}.home-texture{opacity:.55;background-image:linear-gradient(90deg,#000 0%,#000000c2 18%,#00000075 100%),url(/assets/fine-art-restoration-modern-rug-closeup-e1656069535708-wJK6grVk.jpg);width:56%;right:0}.home-copy{z-index:2;text-align:center;width:min(62vw,1220px);position:absolute;top:38vh;right:3.8vw}.color-name{letter-spacing:0;justify-content:center;gap:clamp(10px,1vw,18px);margin:0;font-size:clamp(82px,8vw,150px);font-weight:800;line-height:.9;display:flex}.color-name span:first-child{color:#f3aa17}.color-name span:nth-child(2){color:#ef493b}.color-name span:nth-child(3){color:#ff4fa3}.color-name span:nth-child(4){color:#9a5ac7}.color-name span:nth-child(5){color:#3ba2dc}.color-name span:nth-child(6){color:#36d27e}.color-name span:nth-child(7){color:#ffd10d}.color-name span:nth-child(8){color:#21c2a9}.surname{color:#ffffff8f;letter-spacing:clamp(14px,1.45vw,26px);text-transform:uppercase;margin:42px 0 0;font-size:clamp(40px,3.8vw,70px);font-weight:100}.intro{color:#ffffffb8;margin:52px 0 0;font-size:20px;font-weight:300;line-height:1.36}.split-gold,.project-pattern,.skills-blue,.skills-paint,.mandala-bg,.experience-face,.about-left,.about-right{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0}.split-gold{background:#dbaa26;right:50%}.project-pattern{background-image:linear-gradient(#ba8c1973,#ba8c1973),url(/assets/fine-art-restoration-modern-rug-closeup-e1656069535708-wJK6grVk.jpg);background-position:50%;left:50%}.projects-section:after{background:linear-gradient(90deg,#daaa26eb,#daaa26b8 50%,#0000000a 50%,#0003)}.project-content .mega-title{margin-top:76px}.project-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:52px 0 58px;display:grid}.project-card{cursor:pointer;min-height:202px;padding:30px 74px 30px 30px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s,filter .22s;position:relative;box-shadow:0 4px 20px #0006}.project-repo-link{color:#ffffffa8;background:#ffffff09;border-radius:4px;place-items:center;width:34px;height:34px;transition:color .18s,background .18s,transform .18s,box-shadow .18s;display:grid;position:absolute;top:22px;right:22px;box-shadow:0 0 #fff0}.project-repo-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.project-repo-link:hover,.project-repo-link:focus-visible{color:#fff;background:#ffffff2e;outline:none;transform:translateY(-2px)scale(1.08)rotate(5deg);box-shadow:0 0 12px #ffffff40}.project-card:hover,.project-card:focus-visible{background:#07070af2;border-color:#ffffff8c;outline:none;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 32px #ffffff26,0 0 24px #64c8ff1a}.project-card:active{transform:translateY(-2px)}.project-card.highlighted{border-color:#ffffff73}.year{color:#ffffff9e;letter-spacing:7px;margin:0 0 18px;font-size:13px}.project-card h3,.experience-card h3{margin:0;font-size:28px;line-height:1.1;transition:color .22s}.project-card:hover h3{color:#fff}.project-card p:not(.year),.experience-card p,.about-copy p,.contact-copy p{color:var(--muted);font-weight:300}.project-card p:not(.year){margin:12px 0 22px;font-size:17px;transition:color .22s}.project-card:hover p:not(.year){color:#ffffffd9}.experience-section{background:#000;min-height:118vh;padding-bottom:80px}.mandala-bg{background-image:linear-gradient(90deg,#00000094,#00000061,#000000c7),url(/assets/fine-art-restoration-modern-rug-closeup-e1656069535708-wJK6grVk.jpg);background-position:42%;right:53%}.experience-face{background-image:linear-gradient(90deg,#000000fa 0%,#00000057 30%,#0003 58%,#000000f5 100%),url(/assets/20260523_023629-IMG_STYLE-DAIvwMEj.jpg);background-position:40% 40%;background-repeat:no-repeat;background-size:auto 112%;left:47%}.experience-content{z-index:2;text-align:center;max-width:1285px;margin:0 auto;padding:188px 24px 96px;position:relative}.experience-content .mega-title{font-size:clamp(96px,8.6vw,170px)}.experience-list{text-align:left;gap:28px;margin-top:74px;display:grid}.experience-card{padding:48px 48px 54px;position:relative}.project-card,.experience-card,.skill-card,.contact-form{opacity:0;transform:translateY(24px)}.project-card.is-visible,.experience-card.is-visible,.skill-card.is-visible,.contact-form.is-visible{opacity:1;transition:opacity .52s,transform .52s,border-color .22s,background .22s;transform:translateY(0)}.exp-top{grid-template-columns:54px 1fr auto;align-items:start;gap:24px;margin-bottom:48px;display:grid}.icon-box{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:inline-flex}.exp-meta{color:#ffffffa3;text-align:right;padding-top:4px;font-size:14px}.exp-meta p{margin:0 0 9px}.experience-card ul{margin:0;padding-left:23px}.experience-card li{color:#ffffffc7;margin:16px 0;font-size:18px;font-weight:300;line-height:1.4}.experience-toggle{color:#ffffffc2;cursor:pointer;font:inherit;letter-spacing:5px;text-transform:uppercase;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;padding:12px 15px;font-size:12px;position:absolute;top:120px;right:48px}.experience-toggle:hover,.experience-toggle:focus-visible{color:#fff;border-color:#ffffff80;outline:none}.experience-more{opacity:0;max-height:0;transition:max-height .26s,opacity .26s,margin-top .26s;overflow:hidden}.experience-card.is-open .experience-more{opacity:1;max-height:120px;margin-top:26px}.experience-more p{color:#ffffffb8;border-left:1px solid #ffffff40;margin:0;padding-left:18px;font-size:16px;line-height:1.5}.skills-section{background:#333bd5}.skills-blue{background:#363bd4;right:50%}.skills-paint{background-image:linear-gradient(#373fdcad,#373fdcad),url(/assets/expressive-abstract-oil-paint-texture-on-canvas-a-captivating-background-photo-Scxe5yal.jpg);background-position:50%;left:50%}.skills-section:after{background:linear-gradient(90deg,#373cd8f0,#373cd8f0 50%,#373cd852 50%,#373cd861)}.skills-content .mega-title{margin-top:76px}.skills-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:60px;display:grid}.skill-card{background:#161555b8;min-height:202px;padding:28px 30px}.skill-card.bordered{border-color:#ffffffb8}.skill-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.skill-head h3{color:#ffffffe0;letter-spacing:9px;text-transform:uppercase;margin:0;font-size:16px;font-weight:400}.skills-cloud-section{background:#000;min-height:auto;display:block;overflow:visible}.skills-cloud-content{z-index:2;text-align:center;width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(118px,11vw,150px) 0 clamp(160px,13vw,220px);position:relative}.skills-cloud-content .mega-title{font-size:clamp(64px,7.5vw,138px)}.skills-cloud-stage{aspect-ratio:1;place-items:center;width:min(100%,clamp(360px,min(66vw,72vh),680px));height:auto;min-height:0;margin:clamp(46px,5vw,68px) auto 0;display:grid;overflow:visible}.skills-cloud-stage canvas{max-width:100%;max-height:100%;width:100%!important;height:100%!important}.skills-cloud-loading{border:1px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:74px;height:74px;animation:.9s linear infinite cloud-spin}@keyframes cloud-spin{to{transform:rotate(360deg)}}@keyframes boot-ring-progress{0%{stroke-dashoffset:339.292px}72%{stroke-dashoffset:42px}to{stroke-dashoffset:0}}@keyframes boot-logo-scale{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes mascot-idle-float{0%,to{transform:translate(0,0)rotate(-.7deg)}45%{transform:translateY(-9px)rotate(.8deg)}70%{transform:translateY(-4px)rotate(-.25deg)}}@keyframes mascot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes card-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.about-section{background:#000;grid-template-columns:1fr 1fr;display:grid}.about-left{background-image:linear-gradient(#00000061,#00000061),url(/assets/20260523_023629-IMG_STYLE-DAIvwMEj.jpg);background-position:45%;right:50%}.about-right{background-image:linear-gradient(#00000047,#00000047),url(/assets/fine-art-restoration-modern-rug-closeup-e1656069535708-wJK6grVk.jpg);left:50%}.about-copy{z-index:2;text-align:center;width:39vw;position:absolute;top:31vh;right:9vw}.about-copy p{max-width:700px;margin:72px auto 48px;font-size:20px;line-height:1.55}.contact-section{background:#000;flex-direction:column;min-height:100vh;padding-top:92px;display:flex}.contact-wrap{flex:1;grid-template-columns:.95fr 1.05fr;align-items:center;gap:90px;width:min(1530px,100% - 96px);margin:0 auto;padding:72px 0 62px;display:grid}.contact-copy .mega-title{font-size:clamp(78px,7vw,132px)}.contact-copy p{max-width:480px;margin:56px 0 45px;font-size:20px;line-height:1.45}.contact-lines{color:#ffffffb8;gap:24px;font-size:16px;display:grid}.contact-lines a,.contact-lines span{overflow-wrap:anywhere;padding-left:36px;position:relative}.contact-lines a:before,.contact-lines span:before{color:#fff;font-size:18px;position:absolute;left:0}.contact-lines a:first-child:before{content:"□"}.contact-lines a:nth-child(2):before{content:"◔"}.contact-lines span:before{content:"◎"}.contact-form{gap:20px;padding:40px;display:grid}.contact-form p{color:#fff9;letter-spacing:8px;text-transform:uppercase;margin:0 0 2px;font-size:14px}.contact-form input,.contact-form textarea{color:#fff;width:100%;font:inherit;background:#030303;border:1px solid #ffffff29;border-radius:4px;outline:none;padding:13px 15px;font-size:16px;transition:border-color .18s,background .18s}.contact-form input:focus,.contact-form textarea:focus{background:#070707;border-color:#ffffff7a}.contact-form input.is-invalid,.contact-form textarea.is-invalid{border-color:#ff7878d1}.contact-form textarea{resize:vertical;min-height:140px}.contact-form button{color:#fff;letter-spacing:6px;text-transform:uppercase;cursor:pointer;background:#ffffff05;border:1px solid #ffffffd1;min-height:64px;font-size:14px;transition:transform .18s,border-color .18s,background .18s}.contact-form button:hover,.contact-form button:focus-visible{background:#ffffff14;border-color:#fff;outline:none;transform:translateY(-2px)}.contact-form button:disabled{cursor:wait;opacity:.72;transform:none}.contact-form button.is-sent{color:#ffffffb8;border-color:#ffffff6b}.form-status{color:#ffffffa3;letter-spacing:3px;text-transform:uppercase;min-height:20px;font-size:13px}.form-status.is-error{color:#ff9494eb}.form-status.is-success{color:#b9ffceeb}.footer{border-top:1px solid #ffffff14;align-content:center;place-items:center;gap:28px;min-height:210px;display:grid}.socials{gap:16px;display:flex}.socials a{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.socials a:hover,.socials a:focus-visible{background:#ffffffd1;outline:none;transform:translateY(-4px)}.footer p{color:#fff6;letter-spacing:8px;text-transform:uppercase;margin:0;font-size:13px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.project-dialog{color:#fff;background:#050507f5;border:1px solid #ffffff38;border-radius:4px;width:min(720px,100% - 40px);max-height:calc(100vh - 40px);margin:auto;padding:36px;position:relative;overflow:auto;box-shadow:0 28px 90px #000000a6}.project-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}.project-dialog h2{text-transform:uppercase;margin:0 0 14px;font-size:34px}.project-dialog p:not(.year),.project-dialog li{color:#ffffffc2;font-size:16px;font-weight:300;line-height:1.55}.project-dialog ul{margin:22px 0 0;padding-left:21px}.dialog-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;transition:border-color .18s,background .18s;position:absolute;top:14px;right:16px}.dialog-close:hover,.dialog-close:focus-visible{background:#ffffff24;border-color:#fff9;outline:none}.scroll-to-top{color:#ffffffb8;cursor:pointer;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .32s,visibility .32s,transform .32s,background .22s,color .22s,border-color .22s;display:grid;position:relative;transform:translateY(16px)}.scroll-to-top svg{stroke:currentColor;stroke-width:2px;width:20px;height:20px}.scroll-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover,.scroll-to-top:focus-visible{color:#fff;background:#ffffff24;border-color:#ffffff52;outline:none;transform:translateY(-3px)}.scroll-to-top:active{transform:translateY(-1px)}.floating-actions{left:max(clamp(16px, 2vw, 28px), env(safe-area-inset-left));bottom:max(clamp(16px, 2vw, 28px), env(safe-area-inset-bottom));z-index:40;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed}.view-resume{--resume-offset:60px;--resume-hover-lift:0px;color:#ffffffb8;cursor:pointer;opacity:1;visibility:visible;width:48px;height:48px;transform:translateY(calc(var(--resume-offset) - var(--resume-hover-lift)));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:opacity .32s,visibility .32s,transform .32s,background .22s,color .22s,border-color .22s;display:grid}.view-resume svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.view-resume.is-stacked{--resume-offset:0px}.view-resume:hover,.view-resume:focus-visible{--resume-hover-lift:3px;color:#fff;background:#ffffff24;border-color:#ffffff52;outline:none}.view-resume:active{--resume-hover-lift:1px}@media (width<=1500px){.site-header{padding:0 34px}.brand{font-size:29px}.nav-links{gap:24px}.nav-links a{letter-spacing:4px}.home-portrait{background-position:64% 0;width:46%}.home-texture{width:62%}.home-copy{width:60vw;top:37vh;right:1.6vw}.color-name{gap:12px;font-size:clamp(78px,7.3vw,116px)}.surname{letter-spacing:18px;font-size:clamp(36px,3.2vw,52px)}.intro{max-width:760px;margin-left:auto;margin-right:auto;font-size:18px}}@media (width<=1280px){.nav-links{display:none}.menu-toggle{display:inline-flex}.nav-links.is-open{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040407f5;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;justify-items:center;gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 1px);left:34px;right:34px;box-shadow:0 24px 52px #0000006b}.nav-links a{letter-spacing:4px;border-radius:4px;justify-content:center;align-items:center;width:min(320px,100%);min-height:44px;display:flex}.nav-links a.is-active{background:#ffffff14}.home-portrait{opacity:.42;background-position:top;background-size:auto 100%;width:100%;inset:92px 0 0}.home-texture{opacity:.48;background-position:top;width:100%;inset:92px 0 0}.home-copy{width:100%;padding:0 clamp(24px,6vw,80px);top:36vh;left:0;right:0}.color-name{gap:clamp(5px,1.1vw,12px);font-size:clamp(58px,9vw,106px)}.surname{letter-spacing:clamp(8px,2.4vw,20px);padding-left:clamp(8px,2.4vw,20px);font-size:clamp(28px,4.8vw,48px)}.intro{max-width:850px;font-size:clamp(16px,2.2vw,19px)}}@media (width<=1100px){.site-header{padding:0 34px}.project-grid,.skills-grid{grid-template-columns:1fr 1fr}.contact-wrap{grid-template-columns:1fr;gap:42px}.home-portrait{opacity:.42;background-position:top;width:100%}.home-texture{width:100%}.home-copy{width:100%;padding:0 34px;top:36vh;left:0;right:0}.color-name{gap:clamp(4px,1vw,8px);font-size:clamp(50px,9vw,76px)}.surname{letter-spacing:clamp(8px,2vw,13px);margin-top:34px;padding-left:clamp(8px,2vw,13px);font-size:clamp(26px,4.8vw,34px)}.intro{margin-top:42px;font-size:17px}}@media (width>=761px) and (width<=1280px){.about-section{min-height:max(100vh,clamp(860px,76vw,980px))}.about-copy{width:43vw;top:clamp(168px,22vh,238px);right:5vw}.about-copy p{margin:clamp(34px,4.5vh,56px) auto clamp(28px,3.8vh,42px);font-size:clamp(16px,10.15px + .77vw,20px);line-height:1.48}.about-copy .outline-button{letter-spacing:clamp(3px,.42vw,5px);min-height:clamp(52px,6vh,60px);padding:14px 22px;font-size:clamp(12.5px,10.3px + .28vw,14px)}}@media (width<=760px){.floating-mascot{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));filter:drop-shadow(0 12px 20px #00000061);width:clamp(64px,18vw,84px)}.site-header{height:76px;padding:0 18px}.brand{font-size:23px}.nav-links.is-open{left:18px;right:18px}.section{min-height:auto}.mega-title{font-size:clamp(62px,18vw,96px)}.home-section,.about-section,.projects-section,.skills-section,.experience-section{min-height:100vh}.home-copy{width:100%;padding:0 26px;top:34vh;left:0;right:0}.home-portrait,.home-texture{width:100%;top:76px}.home-portrait{opacity:.55;background-position:top;background-size:auto 100%}.home-texture{opacity:.32;background-position:top}.color-name{justify-content:center;gap:clamp(1px,.8vw,5px);width:100%;font-size:clamp(38px,12vw,62px)}.surname{letter-spacing:clamp(7px,2.5vw,13px);padding-left:clamp(7px,2.5vw,13px);font-size:clamp(24px,7vw,28px)}.intro{font-size:16px}.intro br,.section-subtitle br{display:none}.section-center,.experience-content{padding:120px 18px 54px}.experience-content .mega-title{white-space:nowrap;font-size:clamp(48px,12vw,92px)}.project-grid,.skills-grid{grid-template-columns:1fr}.skills-cloud-content{width:calc(100% - 36px);padding:108px 0 150px}.skills-cloud-content .mega-title{font-size:clamp(44px,13vw,72px)}.skills-cloud-stage{width:min(100%,clamp(300px,min(84vw,60vh),500px));height:auto;min-height:0;margin-top:38px}.project-card{min-height:0;padding:24px 64px 24px 24px}.project-repo-link{top:18px;right:18px}.experience-card,.contact-form{padding:24px}.exp-top{grid-template-columns:44px 1fr}.exp-meta{text-align:left;grid-column:2}.experience-toggle{margin:0 0 22px 68px;position:static}.about-left,.about-right{inset:0}.about-left{opacity:.55}.about-copy{width:100%;padding:0 22px;top:22vh;right:0}.about-copy p{margin:36px auto 32px;font-size:16px}.outline-button{letter-spacing:3px;width:100%;min-width:0;padding:16px 18px}.contact-wrap{width:calc(100% - 36px);padding-top:48px}.contact-form button{letter-spacing:3px}.skill-head{align-items:flex-start}.skill-head h3{letter-spacing:4px;line-height:1.35}.dialog-backdrop{align-items:end;padding:14px}.project-dialog{width:100%;max-height:calc(100vh - 28px);padding:30px 24px}.footer p{text-align:center;letter-spacing:5px;max-width:280px;line-height:1.7}}