:root{--bg-color:#101b27;--bg-highlight:#1c2b39;--main-color:#315873;--main-dark:#1e3b50;--accent-color:#8b7657;--text-color:#252c32;--muted-color:#68747c;--white-color:#ffffff;--page-color:#ffffff;--page-shade:#eef1f2;--border:0.125rem solid var(--main-color);--soft-border:1px solid rgba(49, 88, 115, 0.22);--cover-color:linear-gradient(145deg, #3f6075 0%, #263f52 55%, #152838 100%);--pages-color:linear-gradient(100deg, var(--page-color), var(--page-shade));--paper-texture:radial-gradient(circle at 20% 30%, rgba(37, 44, 50, 0.028) 0 0.025rem, transparent 0.035rem),radial-gradient(circle at 75% 65%, rgba(37, 44, 50, 0.018) 0 0.02rem, transparent 0.03rem),var(--pages-color);--shadow:0 1.2rem 3rem rgba(0, 0, 0, 0.28);--card-shadow:0 0.65rem 1.4rem rgba(16, 27, 39, 0.12);--radius:0.85rem;--turn-speed:420ms}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;scrollbar-width:none}body{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:minmax(min-content,1fr) auto;align-items:center;justify-content:center;justify-items:center;gap:.25rem;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1.25rem 1.25rem .25rem;background:radial-gradient(circle at 18% 20%,rgba(113,136,149,.12),transparent 30rem),radial-gradient(circle at 84% 80%,rgba(49,88,115,.18),transparent 28rem),var(--bg-color);color:var(--text-color);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.55}.section-nav::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}button,input,textarea{color:inherit;font:inherit}a{color:inherit;text-decoration:none}button{border:0}:focus-visible{outline:.2rem solid var(--accent-color);outline-offset:0.2rem}.wrapper{position:relative;width:min(72.9rem,calc(100vw - 2.5rem));height:min(48.6rem,calc(100dvh - 4rem));min-height:39rem;perspective:250rem;border-radius:var(--radius);box-shadow:var(--shadow);animation:650ms cubic-bezier(.22,1,.36,1) both book-entrance}.wrapper.is-auto-flipping .book,.wrapper.is-opening .book{pointer-events:none}@keyframes book-entrance{from{opacity:0;transform:translateY(1.5rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cover{position:absolute;inset:0 auto 0 0;width:50%;height:100%;background:var(--cover-color);border-radius:var(--radius) 0 0 var(--radius);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transform-origin:right}.cover-left{z-index:-1}.cover-right{z-index:100;transition:transform var(--turn-speed) cubic-bezier(.65, .05, .36, 1);will-change:transform}.cover-right.turn{transform:rotateY(180deg)}.book{position:absolute;inset:0.38rem;display:flex;perspective:250rem}.book-page{position:absolute;width:50%;height:100%;background-color:var(--page-color);background-image:var(--paper-texture);background-size:.42rem .46rem,.61rem .57rem,100% 100%}.book-page.page-left{left:0;z-index:10;display:flex;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--radius) 0 0 var(--radius);box-shadow:inset -.55rem 0 1.3rem rgba(37,44,50,.08)}.book-page.page-right{right:0;transform-style:preserve-3d;transform-origin:left;transition:transform var(--turn-speed) cubic-bezier(.55, .08, .45, .92);will-change:transform}.book-page.page-right.turn{transform:rotateY(-180deg)}.book-page.page-right.is-turning{animation:hide-page-edge var(--turn-speed) linear}@keyframes hide-page-edge{0%,100%,44%,56%{opacity:1}48%,52%{opacity:0}}.book-page .page-back,.book-page .page-front{position:absolute;inset:0;overflow:hidden;padding:clamp(1.35rem,2.4vw,2rem);background-color:var(--page-color);background-image:var(--paper-texture);background-size:.42rem .46rem,.61rem .57rem,100% 100%;box-shadow:inset .55rem 0 1.3rem rgba(37,44,50,.08);backface-visibility:hidden;-webkit-backface-visibility:hidden}.book-page .page-front{transform:rotateY(0) translateZ(.01px)}.book-page .page-back{transform:rotateY(180deg) translateZ(.01px)}.book-page.page-right.is-turning .page-back,.book-page.page-right.is-turning .page-front{backface-visibility:visible;-webkit-backface-visibility:visible}.book-page.page-right.turning-backward .page-back,.book-page.page-right.turning-forward .page-front{animation:show-first-face var(--turn-speed) linear both}.book-page.page-right.turning-backward .page-front,.book-page.page-right.turning-forward .page-back{animation:show-second-face var(--turn-speed) linear both}@keyframes show-first-face{0%,49.99%{opacity:1}100%,50%{opacity:0}}@keyframes show-second-face{0%,49.99%{opacity:0}100%,50%{opacity:1}}@supports (-moz-appearance:none){.book-page.page-right.is-turning,.book-page.page-right.turning-backward .page-back,.book-page.page-right.turning-backward .page-front,.book-page.page-right.turning-forward .page-back,.book-page.page-right.turning-forward .page-front{animation:none}.book-page.page-right.is-turning .page-back,.book-page.page-right.is-turning .page-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}}.profile-page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-page img{width:clamp(6.5rem,26%,8rem);height:auto;aspect-ratio:1;flex:0 0 auto;margin-bottom:.65rem;border:.28rem solid var(--main-color);border-radius:50%;box-shadow:0 .7rem 1.7rem rgba(49,88,115,.22);object-fit:cover}.profile-page h1{max-width:14ch;font-size:clamp(1.65rem, 3vw, 2.2rem);line-height:1.08;text-wrap:balance}.profile-page h3{margin-top:.45rem;color:var(--main-dark);font-size:clamp(.9rem, 1.5vw, 1.05rem);font-weight:600;line-height:1.3}.profile-page p{max-width:55ch;color:var(--muted-color);font-size:.78rem;text-align:left}.social-media{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:.65rem 0 .75rem}.social-media .contact-link{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.2rem;background:0 0;color:var(--main-dark);font-size:.68rem;font-weight:500;overflow:hidden;white-space:nowrap;cursor:pointer;transition:width 280ms cubic-bezier(.4, 0, .2, 1),transform 180ms,color 180ms}.social-media .contact-link:hover{transform:translateY(-.18rem);color:var(--main-color)}.social-media .contact-link.is-copied{color:#567064;animation:320ms contact-copied}.social-media .brand-icon,.social-media svg{width:1.3rem;height:1.3rem}.social-media iconify-icon.brand-icon{display:block;width:1.3rem;height:1.3rem;flex:0 0 1.3rem;font-size:1.3rem;line-height:1}@keyframes contact-copied{50%{transform:scale(1.08)}}.btn-box{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.9rem}.btn,.info-box a{min-width:8.8rem;min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border:var(--border);border-radius:999px;background:var(--main-color);color:var(--white-color);font-size:.9rem;font-weight:600;line-height:1;cursor:pointer;transition:transform 180ms,background-color 180ms,color 180ms,box-shadow 180ms}.btn:hover,.info-box a:hover{transform:translateY(-.12rem);background:0 0;color:var(--main-dark);box-shadow:0 .45rem 1rem rgba(49,88,115,.12)}.btn-box .contact-me{background:0 0;color:var(--main-dark)}.btn-box .contact-me:hover{background:var(--main-color);color:var(--white-color)}.title{margin-bottom:1rem;color:var(--text-color);font-size:clamp(1.55rem, 2.5vw, 2rem);line-height:1.2;text-align:center;text-wrap:balance}.workeduc-box{border-left:var(--border)}.workeduc-content{position:relative;padding-left:1.45rem;margin-bottom:1.1rem}.workeduc-content::before{content:"";position:absolute;top:.18rem;left:-.55rem;width:.95rem;aspect-ratio:1;border:.18rem solid var(--page-color);border-radius:50%;background:var(--main-color);box-shadow:0 0 0 1px var(--main-color)}.workeduc-content .year{display:inline-flex;align-items:center;gap:.3rem;color:var(--main-dark);font-size:.82rem;font-weight:600}.education-location svg,.workeduc-content .year svg{width:.9rem;height:.9rem;flex:0 0 auto}.workeduc-content h2{margin:.15rem 0 .25rem;font-size:1rem;line-height:1.3}.workeduc-content p{color:var(--muted-color);font-size:.82rem;line-height:1.45}.experience-employer a,.experience-employer-label{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-color);font-size:.72rem;font-weight:600}.experience-employer svg{width:.85rem;height:.85rem;color:var(--main-color)}.experience-employer a svg:last-child{width:.65rem;height:.65rem}.experience-box{position:relative;min-height:0;flex:1;display:grid;align-content:start;gap:0;overflow:visible;padding:.1rem .45rem 3.25rem .5rem;border-left:0}.experience-content{padding:.35rem 0 .55rem 1rem;margin-bottom:0;border-left:1px solid var(--main-color);border-bottom:1px solid rgba(37,44,50,.1)}.experience-content:last-of-type{border-bottom:0}.experience-content::before{top:.48rem;left:-.39rem;width:.68rem;border-width:.12rem}.experience-content h2{margin:0 0 .15rem;font-size:.88rem;line-height:1.25}.experience-heading{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.2rem}.experience-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem;margin-bottom:.2rem}.experience-heading .experience-meta{justify-content:flex-start;margin-bottom:0}.experience-type{padding:.1rem .35rem;border-radius:999px;background:rgba(49,88,115,.1);color:var(--muted-color);font-size:.68rem}.experience-content .year{font-size:.7rem}.experience-content>p{font-size:.72rem;line-height:1.35}.experience-content ul{margin-left:.9rem;padding-left:1rem;color:var(--muted-color);font-size:.72rem;line-height:1.35}.experience-description{margin:.2rem 0 0 1.15rem}.experience-location{display:flex;align-items:center;gap:.3rem}.education-location a,.experience-location a{display:inline-flex;align-items:center;gap:.3rem}.education-location a:hover,.experience-employer a:hover,.experience-location a:hover{color:var(--main-dark);text-decoration:underline;text-underline-offset:0.15rem}.experience-location svg{width:.9rem;height:.9rem;flex:0 0 auto}.freelance-content{margin-top:0}.experience-projects{margin:.35rem 0 0 .5rem;padding-top:.45rem;border-top:1px solid var(--main-color)}.experience-projects h2{margin-bottom:.4rem;font-size:clamp(1.55rem, 2.5vw, 2rem);font-weight:700;line-height:1.2;text-align:center}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;list-style:none}.project-list li+li{border-left:var(--soft-border)}.project-card{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem;transition:background-color 180ms}.project-card:hover{background:rgba(255,255,255,.82)}.project-copy{width:100%;min-width:0;display:grid;gap:.2rem}.project-name{font-size:.8rem;font-weight:700}.project-description{color:var(--muted-color);font-size:.61rem;line-height:1.35}.project-visit{margin-top:auto;display:inline-flex;align-items:center;gap:.25rem;color:var(--main-dark);font-size:.61rem;font-weight:600;text-decoration:underline;text-underline-offset:0.12rem;white-space:nowrap}.project-visit .brand-icon,.project-visit svg{width:.7rem;height:.7rem}.project-actions{width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.project-actions .project-visit{margin-top:0}.experience-page{display:flex;flex-direction:column}.experience-page .title{margin-bottom:.65rem}.education-box{display:grid;gap:.85rem}.education-content{display:grid;grid-template-columns:3.7rem 1fr;align-items:center;gap:.8rem;margin-bottom:0}.education-logo{width:100%;height:2.7rem;object-fit:contain}.education-logo-link{display:block}.education-content h2 a:hover{color:var(--main-dark);text-decoration:underline;text-underline-offset:0.15rem}.education-logo-square{height:3.2rem}.education-content h2{margin-bottom:.05rem}.education-location{display:flex;align-items:center;gap:.3rem}.languages{margin-top:.85rem;padding-top:.7rem;border-top:var(--soft-border)}.languages h2{margin-bottom:.45rem;font-size:.95rem}.languages ul{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .8rem;list-style:none}.languages li{display:flex;align-items:center;gap:.45rem;color:var(--muted-color);font-size:.75rem}.languages img{width:1.25rem;height:.9rem;flex:0 0 auto;border-radius:.12rem;object-fit:cover}.compact-skills{margin-top:.6rem;padding-top:.55rem;border-top:var(--soft-border)}.compact-skills h2{margin-bottom:.4rem;font-size:.95rem}.compact-skills ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;list-style:none}.compact-skills li{min-width:0;display:flex;align-items:flex-start;gap:.4rem}.compact-skills li+li{padding-left:.5rem;border-left:var(--soft-border)}.compact-skills .skill-logo{display:block;width:1rem;height:1rem;flex:0 0 1rem;margin-top:.05rem;color:var(--main-dark);font-size:1rem;line-height:1}.compact-skills span,.compact-skills strong{display:block}.compact-skills strong{font-size:.62rem}.compact-skills span{margin-top:.08rem;color:var(--muted-color);font-size:.52rem;line-height:1.25}.number-page{position:absolute;bottom:1.05rem;left:50%;color:var(--muted-color);font-size:.8rem;transform:translateX(-50%)}.portfolio-footer{z-index:200;width:min(52rem,calc(100vw - 2rem));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.section-nav{grid-column:2;width:min(30rem,calc(100vw - 10rem));min-width:0;display:flex;justify-content:safe center;gap:.45rem;overflow-x:auto;padding:.12rem .6rem;scrollbar-width:none;white-space:nowrap}.section-nav button{background:0 0;color:rgba(255,255,255,.68);font-size:.5rem;font-weight:600;cursor:pointer;transition:color 160ms}.section-nav button:hover{color:var(--white-color)}.language-picker{position:relative;grid-column:3;justify-self:start;display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto;padding-left:.6rem;border-left:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75)}.language-picker svg{width:.75rem;height:.75rem}.language-trigger{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .35rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:var(--white-color);cursor:pointer}.language-trigger svg:last-child{transition:transform 160ms}.language-picker.is-open .language-trigger svg:last-child{transform:rotate(180deg)}.language-picker img{width:1.1rem;height:.75rem;border-radius:.1rem;object-fit:cover}.language-menu{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:300;min-width:7.5rem;display:grid;gap:.1rem;padding:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:.55rem;background:rgba(16,27,39,.96);box-shadow:0 .55rem 1.2rem rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(.3rem);transition:opacity 160ms,visibility 160ms,transform 160ms}.language-picker.is-open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:.45rem;width:100%;padding:.35rem .4rem;border-radius:.35rem;background:0 0;color:rgba(255,255,255,.78);font-size:.55rem;text-align:left;cursor:pointer}.language-option:hover,.language-option[aria-selected=true]{background:rgba(255,255,255,.1);color:var(--white-color)}.back-start,.nextprev-btn{position:absolute;bottom:.75rem;width:2.65rem;height:2.65rem;display:inline-grid;place-items:center;border:var(--soft-border);border-radius:50%;background:rgba(255,255,255,.7);color:var(--main-dark);cursor:pointer;transition:transform 180ms,background-color 180ms,color 180ms}.nextprev-btn{right:1rem;font-size:1.75rem}.nextprev-btn.back{right:auto;left:1rem}.nextprev-btn svg{width:1.75rem;height:1.75rem}.back-start:hover,.nextprev-btn:hover{transform:scale(1.06);background:var(--main-color);color:var(--white-color)}.speech-page{display:flex;flex-direction:column}.speech-context{padding-left:.75rem;border-left:var(--border);color:var(--muted-color);font-size:.78rem;line-height:1.45}.speech-box{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem;padding-bottom:2.75rem}.speech-copy-column{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.75rem}.speech-transcript{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.25rem .35rem 0 0}.speech-transcript h2{display:flex;align-items:center;gap:.35rem;font-size:.9rem;line-height:1.2}.speech-transcript h2 svg{width:1rem;height:1rem;color:var(--main-color)}.speech-transcript-text{min-height:0;overflow-y:auto;padding-right:.4rem;color:var(--muted-color);font-size:.78rem;line-height:1.55;text-align:left;scrollbar-color:var(--main-color) transparent;scrollbar-width:thin}.speech-transcript-text.can-scroll-down:not(.can-scroll-up){-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 1.5rem),transparent 100%)}.speech-transcript-text.can-scroll-up:not(.can-scroll-down){-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.5rem,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 1.5rem,#000 100%)}.speech-transcript-text.can-scroll-up.can-scroll-down{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%)}.transcript-paragraph+.transcript-paragraph{margin-top:.85rem}.transcript-paragraph:first-child::before,.transcript-paragraph:last-child::after{color:var(--main-color);font-size:1.3em;font-weight:700;line-height:0;opacity:.72}.transcript-paragraph:first-child::before{content:"“";margin-right:.08em}.transcript-paragraph:last-child::after{content:"”";margin-left:.08em}.transcript-word{display:inline-block;border-radius:.18rem;cursor:pointer;transform-origin:center bottom;transition:color 70ms cubic-bezier(.2, .8, .2, 1),opacity 80ms cubic-bezier(.2, .8, .2, 1),background-color 70ms cubic-bezier(.2, .8, .2, 1),box-shadow 70ms cubic-bezier(.2, .8, .2, 1),transform 90ms cubic-bezier(.2, .8, .2, 1)}.transcript-word.is-past{opacity:.58}.transcript-word.is-future{opacity:.28}.transcript-word.is-current{opacity:1;color:var(--main-dark);background:rgba(49,88,115,.12);box-shadow:0 .18rem .45rem rgba(49,88,115,.12);animation:.1s cubic-bezier(.2,.8,.2,1) both transcript-word-focus}@keyframes transcript-word-focus{0%{transform:translateY(.08em) scale(.96)}62%{transform:translateY(-.05em) scale(1.045)}100%{transform:translateY(-.025em) scale(1.025)}}.transcript-word:hover{opacity:1;text-decoration:underline;text-underline-offset:0.12rem}.speech-video{width:100%;height:100%;min-height:0;object-fit:contain;border:var(--soft-border);border-radius:.7rem;background:#000;box-shadow:var(--card-shadow)}.skills-box{display:grid;gap:1rem}.skills-content h3{margin-bottom:.55rem;font-size:1rem;line-height:1.2}.skills-content .content{display:flex;flex-wrap:wrap;gap:.55rem}.skills-content .content span{width:4.9rem;height:4.3rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:var(--soft-border);border-radius:.55rem;background:rgba(255,255,255,.5);font-size:.74rem;font-weight:600;transition:transform 180ms,background-color 180ms,border-color 180ms}.skills-content .content span:hover{transform:translateY(-.12rem);border-color:var(--main-color);background:rgba(49,88,115,.08)}.skills-content .content svg{color:var(--main-color);width:2.25rem;height:2.25rem}.documents-page{display:flex;flex-direction:column}.documents-page .title{margin-bottom:.2rem}.document-intro{margin-bottom:.85rem;color:var(--muted-color);font-size:.72rem;text-align:center}.document-grid{min-height:0;display:grid;align-items:start;gap:.9rem;padding-bottom:2.8rem}.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.document-item{min-width:0;display:grid;gap:.55rem}.document-preview{position:relative;display:block;aspect-ratio:0.72;overflow:hidden;background:#fff;border:1px solid rgba(37,44,50,.14);border-radius:.2rem;box-shadow:0 .7rem 1.3rem rgba(16,27,39,.13);transition:transform 180ms cubic-bezier(.2, .8, .2, 1),box-shadow 180ms}.document-preview::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(16,27,39,.72));opacity:0;transition:opacity 180ms}.document-preview:focus-visible,.document-preview:hover{transform:translateY(-.2rem);box-shadow:0 .9rem 1.6rem rgba(16,27,39,.18)}.document-preview:focus-visible .document-open,.document-preview:focus-visible::after,.document-preview:hover .document-open,.document-preview:hover::after{opacity:1}.document-preview img{width:100%;height:100%;display:block;object-fit:contain;object-position:top center}.document-open,.document-pages{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:.25rem;color:#fff;font-size:.58rem;font-weight:600}.document-pages{top:.45rem;right:.45rem;padding:.18rem .4rem;border-radius:999px;background:rgba(16,27,39,.76)}.document-open{right:.55rem;bottom:.5rem;opacity:0;transition:opacity 180ms}.document-open svg{width:.72rem;height:.72rem}.document-meta{min-width:0}.document-meta h2{font-size:.78rem;line-height:1.25}.document-meta p{margin:.12rem 0 .32rem;overflow:hidden;color:var(--muted-color);font-size:.61rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.document-meta a{display:inline-flex;align-items:center;gap:.22rem;color:var(--main-dark);font-size:.61rem;font-weight:600}.document-meta a:hover{text-decoration:underline;text-underline-offset:0.12rem}.document-meta a svg{width:.7rem;height:.7rem}.portfolio-box{display:grid;gap:1.1rem}.portfolio-box .img-box{width:100%;height:clamp(12rem,30vh,15rem);display:flex;overflow:hidden;border:var(--soft-border);border-radius:.75rem;background:#dfe4e6;box-shadow:var(--card-shadow)}.portfolio-box .img-box img{width:100%;height:100%;object-fit:cover;transition:transform 350ms}.portfolio-box .img-box:hover img{transform:scale(1.035)}.info-box,.info-title{display:grid;gap:.55rem}.info-title h3{font-size:1.05rem}.info-title p{color:var(--muted-color);font-size:.86rem}.info-box a{width:fit-content}.contact-box{text-align:center}.contact-note{margin-bottom:.85rem;color:var(--muted-color);font-size:.82rem}.contact-box form{display:grid;gap:.85rem}.contact-box .field{width:100%;padding:.8rem .9rem;border:1px solid rgba(37,44,50,.2);border-radius:.55rem;outline:0;background:rgba(255,255,255,.62);color:var(--text-color);font-size:.9rem;transition:border-color 180ms,box-shadow 180ms,background-color 180ms}.contact-box .field::placeholder{color:#768188}.contact-box .field:focus{border-color:var(--main-color);background:var(--white-color);box-shadow:0 0 0 .2rem rgba(49,88,115,.13)}.contact-box textarea{height:clamp(11rem,26vh,14rem);resize:vertical}.contact-box .btn{justify-self:center;margin-top:.15rem}.back-start{right:1rem;width:auto;min-width:5.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .75rem;border-radius:.55rem;font-size:.85rem;font-weight:600}.back-start svg{width:1.1rem;height:1.1rem}@media (min-width:1200px) and (min-height:850px){html{font-size:clamp(16px, 1.15vw, 20px)}}@media (max-width:780px){body{align-items:flex-start;padding:.75rem}.wrapper{width:min(34rem,calc(100vw - 1.5rem));height:45rem;min-height:0}.book-page,.cover{width:100%}.cover{border-radius:var(--radius)}.cover-left{display:none}.book-page .page-back,.book-page .page-front,.book-page.page-left{border-radius:var(--radius);box-shadow:inset 0 0 1.4rem rgba(37,44,50,.06)}.book-page.page-left{padding:clamp(1.2rem,6vw,2.4rem)}.profile-page h1{font-size:clamp(1.9rem, 9vw, 2.55rem)}.profile-page p{font-size:.9rem}}@media (max-width:430px){.wrapper{height:43rem}.book-page .page-back,.book-page .page-front{padding:1.1rem}.profile-page img{width:7rem;height:7rem}.profile-page h1{font-size:2rem}.profile-page p{font-size:.72rem}.btn-box{gap:.5rem}.btn{min-width:7.7rem;min-height:2.55rem;font-size:.8rem}.workeduc-content{margin-bottom:.85rem;padding-left:1.2rem}.workeduc-content h2{font-size:.9rem}.workeduc-content p{font-size:.75rem}.skills-box{gap:.75rem}.skills-content .content{gap:.4rem}.skills-content .content span{width:4.35rem;height:3.8rem}.skills-content .content svg{width:1.95rem;height:1.95rem}.portfolio-box .img-box{height:12rem}.contact-box form{gap:.65rem}.contact-box textarea{height:12rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}