@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=JetBrains+Mono:wght@600;700;800&display=swap);:root{--color-bg:#f5f3e9;--color-bg-muted:#f5f3e9;--color-surface:#fffdf5;--color-text:#2d2d2d;--color-text-muted:#626056;--color-border:#2d2d2d;--color-accent:#8a6f3d;--font-heading:"JetBrains Mono",monospace;--font-body:"Be Vietnam Pro",system-ui,sans-serif;--header-height:76px;--notebook-grid:linear-gradient(#00000014 1px,#0000 0),linear-gradient(90deg,#00000014 1px,#0000 0),linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);--notebook-grid-size:50px 50px,50px 50px,10px 10px,10px 10px}*{border-radius:0!important;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background-color:#f5f3e9;background-image:linear-gradient(#00000014 1px,#0000 0),linear-gradient(90deg,#00000014 1px,#0000 0),linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);background-image:var(--notebook-grid);background-position:top;background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-size:var(--notebook-grid-size)}body{-webkit-font-smoothing:antialiased;color:#2d2d2d;color:var(--color-text);font-family:Be Vietnam Pro,system-ui,sans-serif;font-family:var(--font-body);min-height:100vh;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f3e9f0;border-bottom:1px solid var(--color-border);height:var(--header-height);left:0;position:fixed;top:0;width:100%;z-index:100}.header-container{align-items:center;display:flex;gap:44px;height:100%;justify-content:center;margin:0 auto;max-width:1280px;padding:0 32px}.header-menu-button,.header-mobile-menu,.header-mobile-spacer{display:none}.header-nav{align-items:center;display:flex;flex:1 1;gap:14px;height:100%;min-width:0}.header-nav-left{justify-content:flex-end}.header-nav-right{justify-content:flex-start}.header-logo{display:inline-flex;flex:0 0 auto;font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:0;line-height:1;padding:0 18px;white-space:nowrap}.header-logo,.header-menu-button{align-items:center;background:var(--color-text);border:1px solid var(--color-border);color:var(--color-bg);height:46px;justify-content:center}.header-menu-button{width:46px}.header-menu-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.nav-item{align-items:center;border:1px solid #0000;color:var(--color-text);display:inline-flex;font-family:var(--font-heading);font-size:13px;font-weight:700;height:42px;justify-content:center;letter-spacing:0;line-height:1;transition:background-color .16s ease,border-color .16s ease,transform .16s ease;width:112px}.nav-item:hover{background:var(--color-bg-muted);border-color:var(--color-border);transform:translateY(-1px)}.header-logo:focus-visible,.nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:768px){.header{height:var(--header-height);position:fixed}.header-container{flex-wrap:nowrap;gap:0;height:100%;justify-content:space-between;min-height:0;padding:0 20px}.header-nav{display:none}.header-menu-button,.header-mobile-spacer{display:inline-flex;flex:0 0 46px}.header-mobile-spacer{height:46px}.header-logo{font-size:20px;height:44px;padding:0 16px}.header-mobile-menu{background:#f5f3e9fa;border-bottom:1px solid var(--color-border);box-shadow:8px 8px 0 #2d2d2d2e;display:none;left:0;padding:14px 20px 20px;position:fixed;right:0;top:var(--header-height)}.header-mobile-menu.is-open{grid-gap:10px;display:grid;gap:10px}.header-mobile-link{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);display:flex;font-family:var(--font-heading);font-size:13px;font-weight:800;letter-spacing:0;line-height:1;min-height:48px;padding:0 14px}.header-mobile-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}}@media (max-width:420px){.header-container{padding-inline:12px}}.square-button{align-items:center;background:var(--color-text);border:1px solid var(--color-border);color:var(--color-bg);display:inline-flex;font-family:var(--font-heading);font-size:13px;font-weight:700;gap:10px;justify-content:center;letter-spacing:0;line-height:1;min-height:44px;padding:0 18px;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease}.square-button:hover{background:var(--color-bg);color:var(--color-text);transform:translate(-2px,-2px)}.square-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.square-button__icon{flex:0 0 auto}.square-button__text{white-space:nowrap}.contact{grid-gap:42px;background-color:initial;display:grid;gap:42px;padding:96px var(--page-padding)}.contact__intro{grid-gap:10px;display:grid;gap:10px}.contact__eyebrow{color:var(--color-accent);font-size:13px;font-weight:700;text-transform:uppercase}.contact__eyebrow,.contact__title{font-family:var(--font-heading);letter-spacing:0}.contact__title{color:var(--color-text);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05}.contact__layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.contact__form{grid-gap:18px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-border);display:grid;gap:18px;padding:24px}.contact__field{grid-gap:8px;color:var(--color-text);display:grid;font-family:var(--font-heading);font-size:13px;font-weight:700;gap:8px;letter-spacing:0;text-transform:uppercase}.contact__field input,.contact__field textarea{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.5;outline:none;width:100%}.contact__field input{height:48px;padding:0 14px}.contact__field textarea{min-height:154px;padding:12px 14px;resize:vertical}.contact__field input:focus,.contact__field textarea:focus{outline:2px solid var(--color-accent);outline-offset:3px}.contact__links{grid-gap:12px;display:grid;gap:12px}.contact__link{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);display:flex;font-family:var(--font-heading);font-size:14px;font-weight:700;gap:12px;letter-spacing:0;min-height:56px;padding:0 16px;text-transform:uppercase;transition:background-color .16s ease,transform .16s ease}.contact__link:hover{background:var(--color-surface);transform:translate(-2px,-2px)}.contact__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:820px){.contact__layout{grid-template-columns:1fr}}@media (max-width:520px){.contact{padding-block:72px}.contact__form{padding:18px}}.section-title{grid-gap:10px;color:var(--color-text);display:grid;gap:10px}.section-title__eyebrow{color:var(--color-text-muted);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.section-title__heading{font-family:var(--font-heading);font-size:clamp(30px,5vw,56px);font-weight:800;letter-spacing:0;line-height:1.05}.square-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-border);color:var(--color-text);padding:24px}.education{grid-gap:42px;background-color:initial;display:grid;gap:42px;padding:96px var(--page-padding)}.education__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.education__card{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:80px minmax(0,1fr);text-align:left}.education__logo-wrap{background:var(--color-bg-muted);border:2px solid var(--color-border);flex-shrink:0;height:80px;overflow:hidden;width:80px}.education__logo{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.education__content{grid-gap:10px;display:grid;gap:10px;justify-items:start;min-width:0}.education__institution{color:var(--color-text);font-family:var(--font-heading);font-size:clamp(20px,3vw,28px);font-weight:800;letter-spacing:0;line-height:1.22;margin:0;padding:0}.education__degree,.education__year{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.55;margin:0;padding:0}.education__year{color:var(--color-accent);font-size:14px;font-weight:700}@media (max-width:860px){.education__grid{grid-template-columns:1fr}}@media (max-width:520px){.education{padding-block:72px}.education__card{gap:16px;grid-template-columns:64px minmax(0,1fr)}.education__logo-wrap{height:64px;width:64px}}.footer-socials{grid-gap:22px;background-color:initial;border-top:2px solid var(--color-border);display:grid;gap:22px;justify-items:center;padding:48px var(--page-padding)}.footer-socials__title{color:var(--color-text);font-family:var(--font-heading);font-size:13px;font-weight:800;letter-spacing:0;line-height:1;margin:0;padding:0}.footer-socials__links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-socials__button{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);display:inline-flex;height:56px;justify-content:center;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:56px}.footer-socials__button:hover{background:var(--color-text);color:var(--color-bg);transform:translate(-2px,-2px)}.footer-socials__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:520px){.footer-socials{padding-block:40px}.footer-socials__button{height:48px;width:48px}}.hero-about{background-color:initial;min-height:calc(100vh - var(--header-height));padding:calc(var(--header-height) + 72px) var(--page-padding) 96px}.hero-about__inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);margin:0 auto;max-width:1280px;width:100%}.hero-about__content{grid-gap:24px;display:grid;gap:24px;justify-items:start;max-width:none;text-align:left;width:100%}.hero-about__content>*{margin-left:0;padding-left:0}.hero-about__eyebrow{color:var(--color-accent);font-size:13px;font-weight:700;text-transform:uppercase}.hero-about__eyebrow,.hero-about__title{font-family:var(--font-heading);letter-spacing:0}.hero-about__title{color:var(--color-text);font-size:clamp(48px,5.8vw,78px);font-weight:800;line-height:1.08;width:100%}.hero-about__intro{color:var(--color-text-muted);font-size:clamp(16px,2vw,19px);font-weight:500;line-height:1.8;max-width:none;text-align:justify;text-justify:inter-word;width:100%}.hero-about__media{justify-self:end;width:min(100%,400px)}.hero-about__photo-placeholder{aspect-ratio:1/1;background:linear-gradient(45deg,#2d2d2d14 25%,#0000 25%),linear-gradient(-45deg,#2d2d2d14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2d2d2d14 75%),linear-gradient(-45deg,#0000 75%,#2d2d2d14 75%),var(--color-bg-muted);background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px;border:1px solid var(--color-border);box-shadow:12px 12px 0 var(--color-border);color:var(--color-text);display:grid;font-family:var(--font-heading);font-size:14px;font-weight:800;letter-spacing:0;place-items:center;width:100%}.hero-about__photo-placeholder img,.hero-about__photo-placeholder span{display:block;height:100%;width:100%}.hero-about__photo-placeholder img{object-fit:cover}@media (max-width:900px) and (min-width:769px){.hero-about__inner{gap:44px;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}.hero-about__media{width:min(100%,360px)}}@media (max-width:768px){.hero-about{padding:calc(var(--header-height) + 48px) var(--page-padding) 72px}.hero-about__inner{align-items:start;gap:44px;grid-template-columns:1fr}.hero-about__media{justify-self:start;max-width:420px;width:100%}.hero-about__title{font-size:clamp(38px,11vw,52px);line-height:1.12}.hero-about__intro{font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.75;text-align:justify;word-break:break-word}}@media (max-width:520px){.hero-about__inner{gap:44px}.hero-about__media{max-width:none}}.inspiration{grid-gap:48px;background-color:initial;display:grid;gap:48px;padding:96px var(--page-padding)}.inspiration__diagram{height:600px;margin:0 auto;max-width:960px;position:relative;width:100%}.inspiration__connections{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.inspiration__connections path{fill:none;stroke:var(--color-border);stroke-width:2;stroke-linejoin:miter;stroke-linecap:square}.inspiration__portrait-wrap{background:var(--color-bg-muted);border:8px solid var(--color-border);box-shadow:12px 12px 0 var(--color-border);height:224px;left:50%;overflow:hidden;position:absolute;top:188px;transform:translateX(-50%);width:224px;z-index:3}.inspiration__portrait{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.inspiration__quote{grid-gap:14px;align-content:start;background:var(--color-text);border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-border);color:var(--color-bg);display:grid;gap:14px;min-height:150px;padding:20px;position:absolute;width:300px;z-index:3}.inspiration__quote span{color:#d8cfb5;font-size:12px;line-height:1}.inspiration__quote p,.inspiration__quote span{font-family:var(--font-heading);font-weight:800;letter-spacing:0}.inspiration__quote p{color:var(--color-bg);font-size:18px;line-height:1.42;margin:0;padding:0}.inspiration__quote--top-left{left:0;top:70px}.inspiration__quote--top-right{right:0;top:70px}.inspiration__quote--bottom{bottom:0;left:50%;transform:translateX(-50%);width:420px}@media (max-width:900px){.inspiration__diagram{align-items:center;display:flex;flex-direction:column;gap:24px;height:auto;max-width:560px}.inspiration__connections{display:none}.inspiration__portrait-wrap,.inspiration__quote,.inspiration__quote--bottom,.inspiration__quote--top-left,.inspiration__quote--top-right{max-width:420px;position:static;transform:none;width:100%}.inspiration__portrait-wrap{flex:0 0 auto;height:224px;margin:0 auto;max-width:18rem;width:224px}.inspiration__quote{min-height:auto}}@media (max-width:520px){.inspiration{padding-block:72px}.inspiration__portrait-wrap{height:192px;width:192px}.inspiration__quote p{font-size:16px}}.project-card{grid-gap:22px;align-content:start;display:grid;gap:22px;width:100%}.project-card__header{grid-gap:10px;display:grid;gap:10px}.project-card__index{background:var(--color-text);color:var(--color-bg);display:inline-grid;font-size:13px;height:34px;line-height:1;place-items:center;width:42px}.project-card__index,.project-card__name{font-family:var(--font-heading);font-weight:800}.project-card__name{color:var(--color-text);font-size:clamp(24px,3vw,34px);letter-spacing:0;line-height:1.12}.project-card__architecture,.project-card__description{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.75}.project-card__architecture{color:var(--color-text)}.project-card__stack{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.project-card__stack-item{align-items:center;background:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text);display:inline-flex;font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;min-height:34px;padding:0 12px}.project-card__actions{display:flex;flex-wrap:wrap;gap:10px}.project-card__action{align-items:center;background:var(--color-text);border:1px solid var(--color-border);color:var(--color-bg);display:inline-flex;font-family:var(--font-heading);font-size:12px;font-weight:700;gap:9px;justify-content:center;letter-spacing:0;line-height:1;min-height:42px;padding:0 14px;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease}.project-card__action:hover{background:var(--color-bg);color:var(--color-text);transform:translate(-2px,-2px)}.project-card__action:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.project-card__action--icon{text-decoration:none}.square-modal__overlay{background:#121212b8;display:grid;inset:0;padding:32px;place-items:center;position:fixed;z-index:500}.square-modal{background:#f5f3e9;border:2px solid var(--color-border);box-shadow:14px 14px 0 #0000006b;color:var(--color-text);display:grid;grid-template-rows:auto minmax(0,1fr);height:min(85vh,920px);max-height:85vh;overflow:hidden;width:min(1120px,100%)}.square-modal__bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:minmax(0,1fr) 58px;min-height:68px}.square-modal__title{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-heading);font-size:clamp(18px,3vw,28px);font-weight:800;letter-spacing:0;line-height:1.1;min-width:0;padding:0 20px}.square-modal__close{background:var(--color-text);border:0;border-left:1px solid var(--color-border);color:var(--color-bg);display:grid;height:100%;place-items:center;width:58px}.square-modal__close:hover{background:var(--color-accent);color:var(--color-bg)}.square-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:-6px}.square-modal__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px}.square-modal__body::-webkit-scrollbar{width:12px}.square-modal__body::-webkit-scrollbar-track{background:#f5f3e9;border-left:1px solid var(--color-border)}.square-modal__body::-webkit-scrollbar-thumb{background:var(--color-text);border:2px solid #f5f3e9}.square-modal__body{scrollbar-color:var(--color-text) #f5f3e9;scrollbar-width:thin}@media (max-width:640px){.square-modal__overlay{padding:0}.square-modal{box-shadow:8px 8px 0 #0000006b;height:90vh;max-height:90vh;width:95vw}.square-modal__bar{grid-template-columns:minmax(0,1fr) 52px;min-height:58px}.square-modal__title{font-size:16px;padding:0 14px}.square-modal__close{width:52px}.square-modal__body{padding:16px}}.project-detail-modal{grid-gap:28px;display:grid;gap:28px;min-width:0}.project-detail-modal__stack{background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;min-width:0;padding:18px}.project-detail-modal__badge{align-items:center;background:var(--color-bg-muted);border:1px solid var(--color-border);color:var(--color-text);display:inline-flex;font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;min-height:34px;padding:0 12px}.project-markdown{color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.78;min-width:0;overflow-wrap:anywhere}.project-markdown__h1,.project-markdown__h2,.project-markdown__h3,.project-markdown__h4{color:var(--color-text);font-family:var(--font-heading);font-weight:800;letter-spacing:0;line-height:1.18;margin:32px 0 16px;padding:0}.project-markdown__h1:first-child,.project-markdown__h2:first-child,.project-markdown__h3:first-child,.project-markdown__h4:first-child{margin-top:0}.project-markdown__h1{background:var(--color-text);color:var(--color-bg);font-size:clamp(28px,5vw,46px);padding:20px}.project-markdown__h2{border-bottom:1px solid var(--color-border);font-size:clamp(22px,3vw,32px);padding-bottom:12px}.project-markdown__h3{font-size:21px}.project-markdown__h4{font-size:17px}.project-markdown__p{font-size:16px;font-weight:500;line-height:1.78;margin:0 0 16px}.project-markdown__ol,.project-markdown__p,.project-markdown__ul{color:var(--color-text-muted);font-family:var(--font-body);padding:0;text-align:left}.project-markdown__ol,.project-markdown__ul{margin:0 0 18px 24px}.project-markdown__ul{list-style:disc}.project-markdown__ol{list-style:decimal}.project-markdown__li{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.7;margin:8px 0 0;padding-left:4px}.project-markdown__blockquote{background:#ede9dc;border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:8px;color:var(--color-text);margin:20px 0;padding:18px 20px}.project-markdown__blockquote .project-markdown__p{color:var(--color-text);font-weight:700;margin-bottom:0}.project-markdown__pre{background:#222;border:1px solid var(--color-border);color:#f5f3e9;font-family:var(--font-heading);line-height:1.65;margin:18px 0 22px;max-width:100%;overflow-x:auto;padding:18px;white-space:pre}.project-markdown__pre::-webkit-scrollbar,.project-markdown__table-wrap::-webkit-scrollbar{height:10px}.project-markdown__pre::-webkit-scrollbar-track,.project-markdown__table-wrap::-webkit-scrollbar-track{background:#f5f3e9;border:1px solid var(--color-border)}.project-markdown__pre::-webkit-scrollbar-thumb,.project-markdown__table-wrap::-webkit-scrollbar-thumb{background:var(--color-text);border:1px solid var(--color-border)}.project-markdown__code{font-family:var(--font-heading);font-size:14px;letter-spacing:0}:not(pre)>.project-markdown__code{background:#222;border:1px solid var(--color-border);color:#f5f3e9;padding:2px 6px}.project-markdown__table-wrap{margin:18px 0 24px;max-width:100%;overflow-x:auto;width:100%}.project-markdown__table{border:1px solid var(--color-border);border-collapse:collapse;font-family:var(--font-body);width:100%}.project-markdown__td,.project-markdown__th{border:1px solid var(--color-border);padding:12px;text-align:left;vertical-align:top}.project-markdown__th{background:var(--color-text);color:var(--color-bg);font-family:var(--font-heading);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.project-markdown__td{background:var(--color-surface);color:var(--color-text-muted);font-size:15px;font-weight:500}.project-markdown__link{color:var(--color-text);font-family:var(--font-heading);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.project-markdown__hr{background:var(--color-border);border:0;height:1px;margin:28px 0}@media (max-width:640px){.project-detail-modal{gap:20px}.project-detail-modal__stack{padding:14px}.project-detail-modal__badge{font-size:11px;min-height:32px;padding:0 10px}.project-markdown{font-size:15px}.project-markdown__h1,.project-markdown__h2,.project-markdown__h3,.project-markdown__h4{line-height:1.22;margin:24px 0 12px}.project-markdown__h1{font-size:24px;padding:14px}.project-markdown__h2{font-size:21px}.project-markdown__h3{font-size:18px}.project-markdown__h4{font-size:16px}.project-markdown__li,.project-markdown__p{font-size:15px;text-align:left}.project-markdown__ol,.project-markdown__ul{margin-left:20px;text-align:left}.project-markdown__blockquote{border-left-width:6px;padding:14px}.project-markdown__pre{font-size:13px;padding:14px}}.projects{grid-gap:42px;background-color:initial;display:grid;gap:42px;padding:96px var(--page-padding)}.projects__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.projects__grid{grid-template-columns:1fr}}@media (max-width:520px){.projects{padding-block:72px}}.skills{grid-gap:42px;background-color:initial;display:grid;gap:42px;padding:96px var(--page-padding)}.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills__card,.skills__grid{grid-gap:24px;display:grid;gap:24px}.skills__card{align-content:start}.skills__card-title{color:var(--color-text);font-family:var(--font-heading);font-size:20px;font-weight:800;letter-spacing:0;line-height:1.2}.skills__list{grid-gap:14px;display:grid;gap:14px}.skills__item{grid-gap:14px;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);display:grid;gap:14px;grid-template-columns:46px minmax(0,1fr);min-height:66px;padding:10px 12px}.skills__logo{display:grid;height:46px;place-items:center;width:46px}.skills__logo svg{display:block;height:40px;width:40px}.skills__name{color:var(--color-text);font-family:var(--font-body);font-size:15px;font-weight:700;line-height:1.35}@media (max-width:920px){.skills__grid{grid-template-columns:1fr}}@media (max-width:520px){.skills{padding-block:72px}.skills__item{grid-template-columns:40px minmax(0,1fr)}.skills__logo,.skills__logo svg{height:38px;width:38px}}.app-shell{--page-padding:32px;background-color:#f5f3e9;background-image:var(--notebook-grid);background-position:top;background-size:var(--notebook-grid-size);color:var(--color-text);min-height:100vh}.app-main{background-color:initial;min-height:100vh}.app-main>section{width:100%}@media (max-width:768px){.app-shell{--page-padding:24px}}@media (max-width:520px){.app-shell{--page-padding:18px}}
/*# sourceMappingURL=main.5f8c3928.css.map*/