@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=JetBrains+Mono:wght@400;500&display=swap";.about{border-left:var(--border-main);border-right:var(--border-main);background:var(--nb-lila);scroll-margin-top:calc(var(--sm-block) * 2);color:var(--black)}.about-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-orange)}.about-content{display:flex;border-top:var(--border-main);background:var(--white-body)}.about-content .about-content__left{flex:1 0 275px;display:flex;align-items:center;flex-direction:column;gap:50px;padding:30px;border-right:2px dashed black}.about-content .about-content__left img{width:50px}.about-content .about-content__left .about-short{border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px;background:var(--nb-orange)}.about-content .about-content__left .about-short h3{font-size:1.8rem;font-weight:400;font-family:var(--font-secondary);margin-bottom:20px;line-height:.8}.about-content .about-content__left .about-short h3 span,.about-content .about-content__left .about-short p{font-size:1rem}.about-content__right{width:100%;padding:50px;display:flex;flex-direction:column;gap:30px;position:relative}.about-text{display:flex;flex-direction:column;gap:25px}.about-text p{font-size:1.3rem;line-height:1.7}.about-btn{display:flex;justify-content:center;align-items:center;gap:20px}.about-btn .about-icons{font-size:1.8rem;border:var(--border-btn);width:50px;height:50px;padding:.4rem;display:flex;justify-content:center;align-items:center;background:var(--nb-yellow);box-shadow:var(--shadow-square);transition:all .3s ease-in}.about-btn .about-icons:hover{box-shadow:none}.berlin-text h3{font-size:1.3rem;font-weight:400;font-family:var(--font-secondary);text-align:center}.rulo{width:80px;position:absolute;bottom:50px;right:50px}@media only screen and (max-width: 640px){.about-logo{width:100%;border-right:0}.about-content{flex-direction:column}.about-content .about-content__left{flex:1 0 100%;border-right:none}}.blog{border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:var(--nb-blue);scroll-margin-top:calc(var(--sm-block) * 2);color:var(--black)}.blog-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-pink)}.blog-logo h2{font-family:var(--font-secondary);font-size:3rem;font-weight:400}.blog-content{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:50px 20px;border-top:var(--border-main);background:var(--white-body)}.blog-card{width:min(100%,380px);display:flex;flex-direction:column;gap:18px;padding:25px;border:var(--border-btn);box-shadow:var(--shadow-square);color:var(--black)}.blog-card--dev{background:var(--nb-yellow)}.blog-card--literary{background:var(--nb-lila)}.blog-card__icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--white-body);font-size:1.8rem}.blog-card__eyebrow{width:fit-content;padding:.1rem .6rem;border:2px solid var(--black);background:var(--nb-green);font-family:var(--font-secondary);font-size:1.2rem;letter-spacing:.03em}.blog-card h3{font-family:var(--font-secondary);font-size:2.5rem;line-height:.9}.blog-card p{font-size:1.1rem;line-height:1.5}.blog-card__action{min-height:48px;margin-top:auto;padding:.7rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--black);color:var(--white-body);font-family:var(--font-secondary);font-size:1.4rem;cursor:pointer;transition:all .3s ease-in}.blog-card__action:hover{box-shadow:none;transform:translate(4px,4px)}.blog-card__action:disabled{opacity:.65;cursor:not-allowed}.blog-card__action:disabled:hover{box-shadow:var(--shadow-square);transform:none}@media only screen and (max-width: 640px){.blog-logo{width:100%;border-right:0}.blog-card h3{font-size:2.2rem}}.study-container{border:var(--border-main);background:#fff;background:var(--nb-green);padding:50px 30px;color:var(--black)}.study-container h2{text-align:center;font-size:3rem;font-family:var(--font-secondary);margin-bottom:50px}.study-container .study-cards-wrapper{display:flex;justify-content:center;flex-wrap:wrap;row-gap:50px;column-gap:30px;margin-bottom:50px}.study-container .study-cards-wrapper .study-block{width:300px;background:var(--nb-orange);border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px}.study-container .study-cards-wrapper .study-block h3{text-align:center;font-size:2rem;font-family:var(--font-secondary);margin-bottom:20px}.study-container .study-cards-wrapper .study-block p{font-size:1rem}.study-container .study-cards-wrapper img{rotate:-90deg}.study-container .study-achievment{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:30px 0 0}.study-container .study-achievment h3{text-align:center;font-size:2.5rem;font-family:var(--font-secondary)}.study-container .study-achievment ul{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.study-container .study-achievment ul li{font-size:1rem;max-width:400px;background:var(--nb-lila);border:var(--border-btn);box-shadow:var(--shadow-square);padding:20px}@media only screen and (max-width: 860px){.study-container{flex-direction:column;align-items:center}.study-container .study-cards-wrapper .study-block{width:100%}.study-container .study-cards-wrapper img{rotate:0deg}}.nav-top{display:flex;justify-content:space-between;align-items:center;height:var(--sm-block);background:var(--nb-blue);padding:var(--gral-padding);border:var(--border-main)}.nav-top__x{transition:all .3s;cursor:crosshair}.nav-top__x:hover{transform:scale(1.2)}.nav-top__list{position:relative;display:flex;align-items:center;gap:20px}.nav-top__list a{font-size:1.7rem;font-weight:600;text-decoration:underline 2px;text-underline-offset:4px;color:var(--black)}.nav-top__list a:hover{opacity:.8;text-decoration:underline 3px var(--nb-yellow)}.nav-top__curvyArrow{position:absolute;top:-20px;left:-40px;transition:all .5s}.nav-about:hover~.nav-top__curvyArrow{left:85px}.nav-blog:hover~.nav-top__curvyArrow{left:165px}.nav-bottom{display:flex;justify-content:space-between;align-items:center;background:var(--nb-orange);height:var(--sm-block);border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main)}.nav-bottom__logo{width:275px;height:100%;display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-yellow);position:relative}.nav-bottom__logo h2{width:100%;text-align:center;font-size:2rem;color:var(--black)}.nav-bottom__logo img.logo__underline{position:absolute;bottom:10px;left:120px}.nav-bottom__social{display:flex;align-items:center;justify-content:center;height:100%;border-left:var(--border-main)}.social{height:100%;width:100%;color:var(--black);background:var(--nb-yellow);font-size:1.9rem;display:flex;align-items:center;justify-content:center}.social a{width:50px;height:50px;margin:0 20px;background:#fff;text-decoration:none;color:var(--black);border:var(--border-btn);box-shadow:var(--shadow-square);display:flex;align-items:center;justify-content:center;transition:all .3s ease-in}.social a:hover{box-shadow:none}.social--linkedin{border-left:var(--border-main);border-right:var(--border-main)}@media only screen and (max-width: 640px){.nav-bottom{height:var(--xs-block)}.nav-bottom__logo{width:100%;border-right:var(--nb-yellow)}.nav-bottom__logo h2{font-size:1.5rem}.logo__underline{display:none}.social a{width:40px;height:40px;margin:0 10px}.social a .social-icon{padding:.2rem}}.site-header{position:sticky;top:0;z-index:999}@media only screen and (max-width: 640px){.nav-top{padding:0 20px}}.hero-btn{grid-column:1 / 3;grid-row:3 / 4;border-top:var(--border-main);padding:var(--gral-padding);display:flex;align-items:center;gap:40px;position:relative;background:var(--nb-orange)}.hero-btn a{font-size:1.5rem;font-weight:600;padding:10px 20px;background:var(--nb-yellow);border:var(--border-btn);box-shadow:var(--shadow-square);transition:all .3s ease-in;rotate:-5deg}.hero-arrow-1{order:1;cursor:crosshair;transition:all .3s ease-in}.btn-projects{order:2}.hero-btn a:hover{box-shadow:none;background:var(--nb-lila)}.hero-btn .btn-curriculum:hover~.hero-arrow-1{rotate:90deg}.hero-btn .btn-projects:hover~.hero-arrow-1{rotate:-90deg}.hero-circle{position:absolute;top:-40px;right:-38px;z-index:100;cursor:crosshair;animation:discover 2s cubic-bezier(.76,-.65,.03,1.78)}@media only screen and (max-width: 992px){.hero-btn{grid-column:1 / 4;justify-content:center}.hero-circle{display:none}}@media only screen and (max-width: 640px){.hero-btn{flex-direction:column;grid-column:1 / 3;gap:20px;align-items:flex-start}.hero-arrow-1{display:none}.hero-btn a{font-size:1rem}.hero-circle{display:block}}.hero-img{grid-column:3 / 4;grid-row:1 / 4;border-left:var(--border-main);position:relative}.hero-img .profile-img{width:100%;height:100%;object-fit:cover}.img-waves{position:absolute;bottom:20px;right:20px;cursor:crosshair;animation:discover 2s ease-in-out}@media only screen and (max-width: 992px){.hero-img{grid-column:3 / 4;grid-row:1 / 3}}@media only screen and (max-width: 640px){.hero-img{grid-column:3 / 4;grid-row:3 / 4}.img-waves{display:none}}.hero-text{grid-column:1 / 3;grid-row:1 / 3;display:grid;align-content:center;padding:var(--gral-padding);position:relative;background:var(--nb-green)}.hero-frontend,.hero-designer{position:relative}.hero-frontend h1{font-family:var(--font-secondary);font-size:7rem;color:var(--black);line-height:.9}.h1-decoration,.hero-main-draw,.hero-stars{position:absolute}.h1-decoration{top:-25px;left:390px;cursor:crosshair;animation:discover 2s ease-in-out}.hero-main-draw{right:50px;top:20px;cursor:crosshair;animation:discover 2s ease-in-out;transition:all .3s ease-in}.hero-main-draw:hover{transform:scale(1.3)}.hero-designer p{font-size:3rem;font-weight:800;color:var(--black)}.hero-stars{bottom:-25px;left:70px;cursor:crosshair;animation:discover 2s ease-in-out}@keyframes discover{0%{transform:translate(-1000px)}to{transform:translate(0)}}@media only screen and (max-width: 992px){.hero-main-draw{display:none}}@media only screen and (max-width: 768px){.hero-frontend h1{font-size:5rem}.h1-decoration{top:-15px;left:240px}.hero-designer p{font-size:2rem}}@media only screen and (max-width: 640px){.hero-text{grid-column:1/4}.hero-main-draw{display:block;right:0;width:100px}}@media only screen and (max-width: 480px){.hero-main-draw{display:none}}.hero{height:calc(100vh - 170px);border-bottom:var(--border-main);border-left:var(--border-main);border-right:var(--border-main);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:#fff}@media only screen and (min-width: 1560px){.hero{height:calc(100vh - 425px)}}@media only screen and (max-width: 992px){.hero{height:calc(100vh - 255px)}}@media only screen and (max-width: 480px){.hero{height:calc(100vh - 153px)}}.card-article{flex-grow:1;display:flex;justify-content:center;align-items:center;font-family:var(--font-secondary)}.card-container{background:var(--nb-pink);box-shadow:var(--shadow-square);width:355px;padding:30px;border:var(--border-btn);border-radius:8px;display:flex;flex-direction:column;justify-content:center}.line-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.line-1 .fa-angle-down,.line-1 .ellipsis-vertical{width:30px;height:30px;padding:.2rem;border:var(--border-btn);box-shadow:var(--shadow-square);display:flex;justify-content:center;align-items:center;cursor:crosshair}.line-1 .fa-angle-down{background-color:var(--nb-green)}.line-1 .ellipsis-vertical{background-color:var(--nb-yellow)}.line-1 h3{font-size:1.4rem;font-weight:200}.line-2{margin-bottom:15px}.line-2 .card-img{width:100%;height:165px;border:var(--border-btn);box-shadow:4px 4px 0 var(--black);transition:all .3s ease-in;overflow:hidden}.line-2 .card-img:hover{box-shadow:none}.line-2 .card-img:hover img{transform:scale(1.1)}.line-2 .card-img img{display:block;height:100%;width:100%;object-fit:cover;aspect-ratio:16/9;transition:all .3s ease-in}.line-3{display:flex;justify-content:space-between;flex-direction:column;margin-bottom:20px}.line-3 .line-3-title{position:relative}.line-3 .line-3-title .line-3-title-draw{position:absolute;width:15px;top:-5px;right:0}.line-3 .progress-div{height:4px;background:#33333338;z-index:1;position:relative;margin-bottom:5px}.line-3 .progress-div span{display:block;height:100%;background:var(--black);overflow:hidden}.line-3 .progress-div span:after{content:"";position:absolute;top:-3px;width:8px;height:8px;background:var(--nb-orange);border:1px solid var(--black);box-shadow:1px 1px 0 var(--black);cursor:grab}.line-3 .progress-div .span-1:after{left:25%}.line-3 .progress-div .span-2:after{left:46%}.line-3 .progress-div .span-3:after{left:35%}.line-3 .progress-div .span-4:after{left:60%}.line-3 .progress-div .span-5:after{left:15%}.line-3 .time{display:flex;justify-content:space-between}.line-4{display:flex;justify-content:space-between;align-items:center;gap:20px}.line-4 .line-4-icons{width:30px;height:30px;padding:.2rem;border:var(--border-btn);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-square)}.line-4 .line-4-heart,.line-4 .line-4-shuffle{background:var(--nb-blue);cursor:grab}.line-4 .line-4-back,.line-4 .line-4-forward{width:35px;height:35px;background:var(--nb-green);cursor:cell}.line-4 .line-4-play{width:40px;height:40px;padding:.3rem;transition:all .3s ease-in;background:var(--nb-yellow)}.line-4 .line-4-play:hover{transform:scale(1.1);rotate:-10deg}.projects{border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:#fff;scroll-margin-top:calc(var(--sm-block) * 2);background:var(--nb-green)}.projects-logo{width:275px;height:var(--sm-block);display:flex;align-items:center;justify-content:center;border-right:var(--border-main);background:var(--nb-blue);color:var(--black)}.projects-cards{display:flex;justify-content:center;flex-wrap:wrap;border-top:var(--border-main);background:var(--white-body);color:var(--black);padding:50px 20px;row-gap:50px;column-gap:20px}.projects-release{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:30px 10px 0;color:var(--black);background:var(--nb-yellow);border-top:var(--border-main)}.projects-release h2{text-align:center;font-size:3rem;font-family:var(--font-secondary)}.projects-release .release-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-family:var(--font-secondary);margin-bottom:3rem}.starter-kits{display:flex;flex-direction:column;background:var(--white-body);justify-content:center;align-items:center;padding:30px 10px 0;color:var(--black);border-top:var(--border-main)}.starter-kits h2{text-align:center;font-size:3rem;font-family:var(--font-secondary)}.starter-kits p{text-align:center;font-size:1.3rem;width:70%;margin-bottom:50px}.starter-kits .starter-kits-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-family:var(--font-secondary);margin-bottom:2rem}.more-projects{display:flex;justify-content:center;align-items:center;gap:20px;padding:50px;background:var(--white-body);color:var(--black);font-family:var(--font-secondary);font-size:1.5rem}.more-projects a{display:flex;align-items:center;gap:10px;padding:.5rem 1rem;border:2px solid var(--white-body);background:var(--black);color:var(--white-body);transition:all .3s ease-in}.more-projects a:hover{box-shadow:none;text-decoration:underline}.more-projects a:hover .more-projects-icon{transform:translate(10px)}.more-projects a .more-projects-icon{width:50px;height:50px;transition:all .3s ease-in}@media only screen and (max-width: 640px){.projects-logo{width:100%;border-right:0}.starter-kits p{width:90%;font-size:1rem}}.realease-article{display:flex;flex-direction:column;gap:20px}.realease-article .release-card__title{display:flex;align-items:center;gap:10px;position:relative}.realease-article .release-card__title .release-card__title-img{width:40px;height:40px;padding:3px;box-shadow:var(--shadow-square);transition:all .3s ease-in;cursor:crosshair;z-index:1;background:var(--black)}.realease-article .release-card__title .release-card__title-img:hover{box-shadow:none}.realease-article .release-card__title .release-card__title-img:hover~.release-star{rotate:360deg;scale:1.5}.realease-article .release-card__title .release-card__title-img img{width:100%}.realease-article .release-card__title h3{font-size:1.8rem}.realease-article .release-card__title .release-star{position:absolute;left:-10px;top:-10px;transition:all .3s ease-in}.realease-article .release-card__title .realease-title-curly{rotate:45deg}.realease-article .release-card__title .release-play{width:30px;height:30px;padding:.2rem;display:flex;justify-content:center;align-items:center;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-blue);margin-left:auto;transition:all .3s ease-in}.realease-article .release-card__content{display:flex;width:330px;height:135px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-yellow);transition:all .3s ease-in}.realease-article .release-card__content:hover{box-shadow:none}.realease-article .release-card__content .release-card__content-img{width:130px;height:100%;border-right:3px dashed var(--black);background:#fff}.realease-article .release-card__content .release-card__content-img img{width:100%;height:100%;object-fit:cover}.realease-article .release-card__content .release-card__content-right{display:flex;flex-direction:column;width:calc(100% - 130px);padding:10px}.realease-article .release-card__content .release-card__content-right h3{font-size:1.3rem;line-height:1}.realease-article .release-card__content .release-card__content-right p{font-size:1rem;line-height:1;margin-top:6px;font-family:var(--font-primary)}.starter-article{border:var(--border-btn);box-shadow:var(--shadow-square);transition:all .3s ease-in;cursor:pointer;position:relative;z-index:11}.starter-article:hover{box-shadow:none}.starter-article .starter-img{overflow:hidden;width:300px;aspect-ratio:16/9}.starter-article .starter-img img{width:100%;height:100%;display:block;object-fit:cover;transition:all .3s ease-in}.starter-article .starter-img img:hover{transform:scale(1.1)}.starter-article:before{content:"";position:absolute;top:-10px;left:6px;width:100%;height:100%;background:var(--black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 0);z-index:-1;transition:all .3s ease-in}.starter-article:hover:before{left:2px}.small-container{padding:50px 20px;background:var(--white-body);color:var(--black);border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main)}.small-container h2{text-align:center;font-size:3rem;font-family:var(--font-secondary);line-height:1.1;margin-bottom:50px}.small-container .small-card-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.small-container .small-card-wrapper .small-article{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--nb-yellow);border:var(--border-main);color:var(--black);font-size:1.5rem;text-align:center;box-shadow:var(--shadow-square);transition:all .3s ease-in;overflow:hidden}.small-container .small-card-wrapper .small-article:hover{box-shadow:none}.small-container .small-card-wrapper .small-article img{width:240px;height:300px;display:block;object-fit:cover;object-position:top;transition:all .3s ease-in}.small-container .small-card-wrapper .small-article img:hover{object-position:bottom}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.development-notes{position:relative;z-index:0;isolation:isolate;border-left:var(--border-main);border-right:var(--border-main);border-bottom:var(--border-main);background:#111;color:var(--white-body);scroll-margin-top:calc(var(--sm-block) * 2)}.development-notes__header{display:flex;justify-content:space-between;gap:30px;padding:45px 50px;border-bottom:var(--border-main)}.development-notes__header h2{max-width:720px;font-family:var(--font-secondary);font-size:clamp(3rem,8vw,6.5rem);font-weight:400;line-height:.9;color:var(--nb-yellow);text-shadow:4px 4px 0 var(--black)}.development-notes__header p:not(.development-notes__eyebrow){max-width:680px;margin-top:18px;font-size:1.2rem;line-height:1.5}.development-notes__eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:10px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-green);color:var(--black);font-family:var(--font-secondary);font-size:1.35rem;letter-spacing:.03em}.development-notes__eyebrow{padding:.25rem .75rem;margin-bottom:20px}.development-notes__tools{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:start;gap:24px;padding:28px 50px 34px;border-bottom:var(--border-main);background:var(--nb-blue);color:var(--black)}.development-notes__search-block,.development-notes__tag-block{display:flex;flex-direction:column;gap:12px;min-width:0}.development-notes__tools-label{width:fit-content;padding:.15rem .55rem;border:2px solid var(--black);background:var(--nb-yellow);color:var(--black);font-family:var(--font-secondary);font-size:1.2rem;letter-spacing:.03em}.development-notes__search{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border:var(--border-btn);box-shadow:var(--shadow-square);background:#f8f8f1;color:var(--black)}.development-notes__search input{width:100%;border:0;outline:0;background:transparent;color:var(--black);font:inherit;font-size:1.05rem}.development-notes__search input::placeholder{color:#333333b3}.development-notes__tags,.development-notes__article-tags,.development-notes__card-tags{display:flex;flex-wrap:wrap;gap:10px}.development-notes__tags-wrap{position:relative;min-width:0;overflow:visible}.development-notes__tags{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;max-width:100%;padding:6px 4px 8px;scrollbar-width:none;-ms-overflow-style:none}.development-notes__tags::-webkit-scrollbar{display:none}.development-notes__tags-arrow{position:absolute;top:6px;display:grid;place-items:center;height:42px;width:42px;border:2px solid var(--black);box-shadow:var(--shadow-square);background:var(--nb-yellow);color:var(--black);font-size:1.1rem;cursor:pointer;z-index:2}.development-notes__tags-arrow--left{left:-8px}.development-notes__tags-arrow--right{right:-20px}.development-notes__tags-arrow:hover{background:var(--nb-green)}.development-notes__tags button,.development-notes__article-tags button{flex:0 0 auto;min-height:42px;padding:.35rem .85rem;border:2px solid var(--black);background:#f8f8f1;color:var(--black);font-family:var(--font-secondary);font-size:1.15rem;cursor:pointer;transition:all .2s ease-in}.development-notes__tags button:hover,.development-notes__tags button.is-active,.development-notes__article-tags button:hover{background:var(--nb-green);color:var(--nb-yellow);box-shadow:3px 3px 0 var(--black)}.development-notes__tags button:hover,.development-notes__tags button.is-active{color:var(--black)}.development-notes__layout{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:30px;padding:40px 50px 55px}.development-notes__list{display:flex;flex-direction:column;gap:18px;align-self:start}.development-notes__card{display:flex;flex-direction:column;gap:12px;width:100%;padding:20px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--white-body);color:var(--black);font:inherit;text-align:left;cursor:pointer;transition:all .2s ease-in}.development-notes__card:hover,.development-notes__card.is-selected{background:var(--nb-yellow);box-shadow:none;transform:translate(4px,4px)}.development-notes__card strong{font-family:var(--font-secondary);font-size:2rem;font-weight:400;line-height:.95}.development-notes__card span:not(.development-notes__card-meta):not(.development-notes__card-tags){font-size:1rem;line-height:1.35}.development-notes__card-meta{font-size:.95rem;font-weight:700;text-transform:uppercase}.development-notes__card-tags span{padding:.1rem .45rem;border:2px solid var(--black);background:var(--nb-green);font-size:.95rem;font-weight:700}.development-notes__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:var(--border-btn);box-shadow:var(--shadow-square);background:var(--nb-blue);color:var(--black)}.development-notes__pagination button{min-height:42px;padding:.35rem .8rem;border:2px solid var(--black);background:#f8f8f1;color:var(--black);font-family:var(--font-secondary);font-size:1.15rem;cursor:pointer}.development-notes__pagination button:not(:disabled):hover{background:var(--nb-yellow)}.development-notes__pagination button:disabled{opacity:.45;cursor:not-allowed}.development-notes__pagination span{font-weight:800}.development-notes__empty,.development-notes__article{position:relative;z-index:0;border:var(--border-main);box-shadow:var(--shadow-square);background:#f8f8f1;color:var(--black)}.development-notes__empty{padding:24px;font-size:1.2rem}.development-notes__article{min-width:0;height:clamp(820px,calc(100vh + -0px),1100px);overflow-y:auto;padding:clamp(24px,4vw,44px);scrollbar-color:var(--black) #f8f8f1;scrollbar-width:thin}.development-notes__article::-webkit-scrollbar{width:14px}.development-notes__article::-webkit-scrollbar-track{background:#f8f8f1}.development-notes__article::-webkit-scrollbar-thumb{border:3px solid #f8f8f1;background:var(--black)}.development-notes__article header{margin-bottom:30px;padding-bottom:24px;border-bottom:var(--border-btn)}.development-notes__article header p{margin-bottom:12px;font-weight:800;text-transform:uppercase}.development-notes__article h3{margin-bottom:18px;font-family:var(--font-secondary);font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:.9}.development-notes__article p,.development-notes__article li{font-size:1.15rem;line-height:1.65}.development-notes__article p+p,.development-notes__article p+ul,.development-notes__article ul+p,.development-notes__article pre{margin-top:18px}.development-notes__article ul{margin-left:1.2rem;list-style:square}.development-notes__article strong,.development-notes__article code{color:#111}.development-notes__article code{padding:.1rem .35rem;border:2px solid var(--black);background:var(--nb-blue);font-size:.95em}.development-notes__article pre{overflow-x:auto;padding:18px;border:var(--border-btn);background:#151515;color:var(--white-body)}.development-notes__article pre code{padding:0;border:0;background:transparent;color:inherit}@media only screen and (max-width: 860px){.development-notes__header,.development-notes__tools,.development-notes__layout{padding-left:24px;padding-right:24px}.development-notes__header,.development-notes__tools,.development-notes__layout{grid-template-columns:1fr}.development-notes__header{flex-direction:column}}@media only screen and (max-width: 560px){.development-notes__header,.development-notes__tools,.development-notes__layout{padding-left:16px;padding-right:16px}.development-notes__tools{padding-top:24px;padding-bottom:24px}}.signal-root{--sg-bg: #0a0a0b;--sg-bg-2: #0e0e10;--sg-surface: #141417;--sg-text: #ededef;--sg-muted: #8a8a93;--sg-faint: #55555d;--sg-line: #232327;--sg-accent: #4de1c1;--sg-accent-dim: rgba(77, 225, 193, .14);--sg-accent-2: #ff5c38;--sg-display: "Fraunces", Georgia, serif;--sg-body: "JetBrains Mono", ui-monospace, monospace;--sg-mono: "JetBrains Mono", ui-monospace, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 40px;--sp-10: 64px;--sp-12: 104px;--sp-16: 168px;--ease-signal: cubic-bezier(.16, 1, .3, 1);--section-pad: clamp(96px, 14vh, 200px);--content-max: 1280px;background-color:var(--sg-bg);color:var(--sg-text);font-family:var(--sg-body);line-height:1.65;letter-spacing:-.01em;text-align:left;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.signal-root .sg-footer{background:transparent;color:inherit;text-align:left}.signal-root *{box-sizing:border-box;margin:0;padding:0}.signal-root ::selection{background:var(--sg-accent);color:#04130f}.signal-root a:not(.sg-btn){color:inherit}.signal-root a{text-decoration:none}.sg-eyebrow{font-family:var(--sg-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sg-accent);display:inline-flex;align-items:center;gap:var(--sp-3)}.sg-eyebrow:before{content:"";width:28px;height:1px;background:var(--sg-accent);display:inline-block}.sg-display{font-family:var(--sg-display);font-weight:340;line-height:.98;letter-spacing:-.02em;font-size:clamp(2.8rem,8.5vw,8.5rem)}.sg-split__mask{display:block;overflow:hidden;padding-bottom:.12em}.sg-h2{font-family:var(--sg-display);font-weight:360;line-height:1.02;letter-spacing:-.015em;font-size:clamp(2rem,5vw,4rem)}.sg-lead{font-size:clamp(.92rem,1.2vw,1.1rem);color:var(--sg-muted);max-width:56ch;line-height:1.75}.sg-mono-label{font-family:var(--sg-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-faint)}.sg-shell{max-width:var(--content-max);margin-inline:auto;padding-inline:clamp(20px,5vw,64px);width:100%}.sg-section{padding-block:var(--section-pad);position:relative}.sg-nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) clamp(20px,5vw,64px);transition:background .4s var(--ease-signal),backdrop-filter .4s var(--ease-signal),border-color .4s var(--ease-signal);border-bottom:1px solid transparent}.sg-nav[data-scrolled=true]{background:#0a0a0bb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sg-line)}.sg-nav__brand{font-family:var(--sg-mono);font-size:clamp(.68rem,2.8vw,.9rem);letter-spacing:.02em;color:#fff;display:inline-flex;align-items:baseline;white-space:nowrap;flex-shrink:1;min-width:0}.sg-nav__brandDot{color:var(--sg-accent);flex-shrink:0}.sg-nav__links{display:flex;gap:var(--sp-6);align-items:center}.sg-nav__links a{font-family:var(--sg-mono);font-size:.78rem;color:#fff;opacity:.7;transition:opacity .3s var(--ease-signal)}.sg-nav__links a:hover{opacity:1}.sg-nav__toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sg-line);border-radius:10px;cursor:pointer;flex-shrink:0}.sg-nav__toggleIcon{position:relative;width:18px;height:2px;background:#fff;transition:background .3s var(--ease-signal)}.sg-nav__toggleIcon:before,.sg-nav__toggleIcon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;transition:transform .35s var(--ease-signal),top .35s var(--ease-signal)}.sg-nav__toggleIcon:before{top:-6px}.sg-nav__toggleIcon:after{top:6px}.sg-nav__toggleIcon[data-open=true]{background:transparent}.sg-nav__toggleIcon[data-open=true]:before{top:0;transform:rotate(45deg)}.sg-nav__toggleIcon[data-open=true]:after{top:0;transform:rotate(-45deg)}.sg-nav__menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0a0a0bf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease-signal),visibility .4s var(--ease-signal)}.sg-nav__menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.sg-nav__menuInner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:clamp(100px,18vh,140px) clamp(20px,5vw,64px) var(--sp-10);gap:var(--sp-6)}.sg-nav__menuLink{font-family:var(--sg-display);font-size:clamp(2rem,8vw,3.2rem);font-weight:340;color:var(--sg-text);opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-signal),transform .4s var(--ease-signal),color .3s var(--ease-signal)}.sg-nav__menu[data-open=true] .sg-nav__menuLink{opacity:1;transform:translateY(0)}.sg-nav__menuLink:hover{color:var(--sg-accent)}.sg-nav__menuCta{margin-top:var(--sp-4);opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-signal),transform .4s var(--ease-signal)}.sg-nav__menu[data-open=true] .sg-nav__menuCta{opacity:1;transform:translateY(0);transition-delay:.2s}@media (max-width: 720px){.sg-nav__links{display:none}.sg-nav__toggle{display:inline-flex}}.sg-btn{--pad-y: 14px;--pad-x: 26px;display:inline-flex;align-items:center;gap:var(--sp-3);font-family:var(--sg-mono);font-size:.82rem;font-weight:500;letter-spacing:.04em;padding:var(--pad-y) var(--pad-x);border-radius:100px;border:1px solid rgba(255,255,255,.22);color:#fff;background:#1414178c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;position:relative;overflow:hidden;transition:border-color .4s var(--ease-signal),color .4s var(--ease-signal),background .4s var(--ease-signal)}.sg-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sg-accent);transform:scaleX(0);transform-origin:left;z-index:-1;transition:transform .5s var(--ease-signal)}.sg-btn:hover{color:#04140f;font-weight:600;border-color:var(--sg-accent)}.sg-btn:hover:after{transform:scaleX(1)}.sg-btn--solid{background:var(--sg-accent);color:#04140f;border-color:var(--sg-accent);font-weight:600;backdrop-filter:none;-webkit-backdrop-filter:none}.sg-btn--solid:after{background:#fff}.sg-hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:clamp(96px,12vh,140px);padding-bottom:var(--sp-10)}@media (min-width: 821px) and (max-height: 860px){.sg-hero{align-items:flex-start}}.sg-hero__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sg-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,26vw,380px);gap:clamp(32px,5vw,80px);align-items:center}.sg-hero__eyebrow.sg-eyebrow{font-size:.82rem}.sg-hero__role{font-family:var(--sg-display);font-weight:400;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:-.01em;color:var(--sg-text);margin-top:var(--sp-3)}.sg-hero__role .sg-hero__roleAccent{color:var(--sg-accent)}.sg-hero__title{margin:var(--sp-3) 0 var(--sp-6);max-width:14ch;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02}.sg-hero__lead{max-width:50ch}.sg-hero__portrait{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--sg-line);aspect-ratio:4 / 5;box-shadow:0 30px 80px -30px #000c}.sg-hero__portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.04);transition:filter .6s var(--ease-signal),transform .8s var(--ease-signal)}.sg-hero__portrait:hover img{filter:grayscale(0) contrast(1.04);transform:scale(1.03)}.sg-hero__portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(10,10,11,.55));pointer-events:none}@media (max-width: 820px){.sg-hero{align-items:flex-start;padding-top:clamp(88px,14vh,120px);padding-bottom:var(--sp-10)}.sg-hero__inner{grid-template-columns:1fr;gap:var(--sp-6)}.sg-hero__portrait{display:block;order:-1;width:clamp(140px,42vw,200px);aspect-ratio:1 / 1}}.sg-hero__lead strong{color:var(--sg-text);font-weight:600}.sg-hero__prev{display:flex;align-items:center;gap:var(--sp-6);margin-top:var(--sp-10);flex-wrap:wrap}.sg-hero__prevList{display:flex;gap:var(--sp-6);flex-wrap:wrap;align-items:center}.sg-hero__prevItem{font-family:var(--sg-display);font-size:clamp(1rem,1.6vw,1.4rem);color:var(--sg-muted);letter-spacing:-.01em;transition:color .4s var(--ease-signal)}.sg-hero__prevItem:hover{color:var(--sg-text)}@media (max-width: 560px){.sg-hero__prevList{gap:var(--sp-4)}.sg-hero__prevItem{font-size:.95rem}}.sg-hero__cta{display:flex;gap:var(--sp-4);margin-top:var(--sp-8);flex-wrap:wrap}.sg-hero__scroll{position:absolute;bottom:var(--sp-6);right:clamp(20px,5vw,64px);left:auto;transform:none;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}@media (max-width: 820px){.sg-hero__scroll{display:none}}.sg-hero__scroll-line{width:1px;height:48px;background:linear-gradient(var(--sg-accent),transparent);animation:sg-scrollpulse 2.4s var(--ease-signal) infinite}@keyframes sg-scrollpulse{0%{transform:scaleY(0);transform-origin:top}40%{transform:scaleY(1);transform-origin:top}60%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.sg-facts{display:flex;flex-wrap:wrap;gap:var(--sp-8);border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line);padding-block:var(--sp-8)}.sg-fact__num{font-family:var(--sg-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1;color:var(--sg-text)}.sg-fact__label{margin-top:var(--sp-2)}.sg-principle{display:grid;grid-template-columns:80px 1fr;gap:var(--sp-6);padding-block:var(--sp-8);border-top:1px solid var(--sg-line);align-items:start}.sg-principle__idx{font-family:var(--sg-mono);color:var(--sg-accent);font-size:.9rem;padding-top:.6em}.sg-principle__title{font-family:var(--sg-display);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:360;line-height:1.1;letter-spacing:-.01em}.sg-principle__body{color:var(--sg-muted);margin-top:var(--sp-3);max-width:52ch}@media (max-width: 640px){.sg-principle{grid-template-columns:1fr;gap:var(--sp-2)}}.sg-work__item{display:block;border-top:1px solid var(--sg-line);padding-block:var(--sp-8);position:relative}.sg-work__item:last-child{border-bottom:1px solid var(--sg-line)}.sg-work__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-6)}.sg-work__title{font-family:var(--sg-display);font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:340;line-height:1;letter-spacing:-.015em;transition:transform .6s var(--ease-signal),color .4s var(--ease-signal)}.sg-work__item:hover .sg-work__title{transform:translate(18px);color:var(--sg-accent)}.sg-work__meta{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap}.sg-work__arrow{font-family:var(--sg-mono);color:var(--sg-muted);transition:transform .5s var(--ease-signal),color .4s var(--ease-signal)}.sg-work__item:hover .sg-work__arrow{transform:translate(8px);color:var(--sg-accent)}.sg-work__preview{position:fixed;top:0;left:0;width:320px;height:220px;border-radius:8px;overflow:hidden;pointer-events:none;opacity:0;z-index:40;border:1px solid var(--sg-line);transform:translate(-50%,-50%) scale(.9);transition:opacity .35s var(--ease-signal),transform .35s var(--ease-signal)}.sg-work__preview img{width:100%;height:100%;object-fit:cover}@media (hover: none){.sg-work__preview{display:none}}.sg-tag{font-family:var(--sg-mono);font-size:.72rem;letter-spacing:.06em;color:var(--sg-muted);border:1px solid var(--sg-line);border-radius:100px;padding:5px 12px}.sg-contact__title{font-family:var(--sg-display);font-weight:340;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.02em;max-width:14ch}.sg-contact__email{display:inline-block;margin-top:var(--sp-6);border-bottom:1px solid var(--sg-line);padding-bottom:6px;transition:border-color .4s var(--ease-signal)}.sg-contact__email:hover{border-color:var(--sg-accent);color:var(--sg-accent)}.sg-contact__links{display:flex;gap:var(--sp-8);flex-wrap:wrap;margin-top:var(--sp-10);border-top:1px solid var(--sg-line);padding-top:var(--sp-8)}.sg-contact__links a{font-family:var(--sg-mono);font-size:.82rem;color:var(--sg-muted);transition:color .4s var(--ease-signal);position:relative}.sg-contact__links a:after{content:"↗";margin-left:6px;color:var(--sg-faint)}.sg-contact__links a:hover{color:var(--sg-accent)}.sg-footer{border-top:1px solid var(--sg-line);padding-block:var(--sp-8)}.sg-footer__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.sg-cursor{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--sg-accent);pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .3s var(--ease-signal),height .3s var(--ease-signal),background .3s var(--ease-signal);mix-blend-mode:difference}.sg-cursor[data-variant=view]{width:64px;height:64px;background:transparent;border:1px solid var(--sg-accent)}@media (hover: none){.sg-cursor{display:none}}.sg-case__hero{padding-top:clamp(140px,22vh,280px);padding-bottom:var(--section-pad)}.sg-case__title{font-size:clamp(3rem,10vw,8rem);line-height:1.05;margin-top:var(--sp-6)}.sg-case__problem{font-family:var(--sg-display);font-weight:340;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.015em;max-width:22ch;margin-top:var(--sp-4)}@media (min-width: 821px) and (max-width: 1600px){.sg-case__title{font-size:clamp(2.5rem,5vw,4.5rem)}.sg-case__problem{font-size:clamp(1.35rem,2.2vw,2.1rem)}}.sg-case__metaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-6);margin-top:var(--sp-10);border-top:1px solid var(--sg-line);padding-top:var(--sp-8)}.sg-case__metaItem .sg-mono-label{display:block;margin-bottom:var(--sp-2)}.sg-case__metaItem p{color:var(--sg-text);font-size:.95rem}.sg-case__block{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-8);padding-block:var(--sp-10);border-top:1px solid var(--sg-line)}.sg-case__block h3{font-family:var(--sg-display);font-weight:360;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.1;position:sticky;top:100px;align-self:start}.sg-case__prose p{color:var(--sg-muted);font-size:.95rem;line-height:1.8;max-width:64ch;margin-bottom:var(--sp-4)}.sg-case__prose strong{color:var(--sg-text);font-weight:600}.sg-case__prose ul{list-style:none;margin-top:var(--sp-4)}.sg-case__prose li{color:var(--sg-muted);padding-left:var(--sp-6);position:relative;margin-bottom:var(--sp-3);max-width:60ch}.sg-case__prose li:before{content:"→";position:absolute;left:0;color:var(--sg-accent);font-family:var(--sg-mono)}@media (max-width: 820px){.sg-case__block{grid-template-columns:1fr;gap:var(--sp-4)}.sg-case__block h3{position:static}}.sg-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}.sg-metric{border:1px solid var(--sg-line);border-radius:10px;padding:var(--sp-6);background:var(--sg-surface)}.sg-metric__value{font-family:var(--sg-display);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;color:var(--sg-accent)}.sg-metric__delta{font-family:var(--sg-mono);font-size:.75rem;color:var(--sg-muted);margin-top:var(--sp-3)}.sg-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-6)}.sg-compare__card{display:block;border:1px solid var(--sg-line);border-radius:14px;overflow:hidden;background:var(--sg-surface);position:relative;transition:border-color .4s var(--ease-signal),transform .5s var(--ease-signal)}.sg-compare__card:hover{border-color:var(--sg-accent);transform:translateY(-4px)}.sg-compare__tag{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;background:#0a0a0bb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px;border-radius:100px;border:1px solid var(--sg-line);color:var(--sg-text)}.sg-compare__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--sg-bg-2)}.sg-compare__media img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.9);transition:transform .6s var(--ease-signal)}.sg-compare__card:hover .sg-compare__media img{transform:scale(1.03)}.sg-compare__live{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 70% 20%,#141417,#0a0a0b 70%)}.sg-compare__brand{font-family:var(--sg-mono);font-size:clamp(.8rem,2vw,1.05rem);color:var(--sg-text);display:inline-flex;align-items:center}.sg-compare__dot{width:7px;height:7px;border-radius:50%;background:var(--sg-accent);margin-left:6px}.sg-compare__meta{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.sg-compare__label{font-family:var(--sg-display);font-size:1.2rem;color:var(--sg-text)}.sg-compare__sub{font-size:.85rem;color:var(--sg-muted);line-height:1.6}.sg-compare__cta{font-family:var(--sg-mono);font-size:.78rem;color:var(--sg-accent);margin-top:var(--sp-2)}@media (max-width: 700px){.sg-compare{grid-template-columns:1fr}}.sg-diagram{width:100%;border:1px solid var(--sg-line);border-radius:12px;background:radial-gradient(circle at 50% 0%,var(--sg-bg-2),var(--sg-bg));margin-top:var(--sp-6);overflow:hidden}.sg-diagram text{font-family:var(--sg-mono);fill:var(--sg-text);font-size:12px}.sg-diagram .sg-node rect{fill:var(--sg-surface);stroke:var(--sg-line)}.sg-diagram .sg-node--accent rect{stroke:var(--sg-accent)}.sg-diagram .sg-edge{stroke:var(--sg-faint);stroke-width:1.5;fill:none}.sg-cap__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1px;background:var(--sg-line);border:1px solid var(--sg-line);border-radius:14px;overflow:hidden;margin-top:var(--sp-10)}.sg-cap{background:var(--sg-bg);padding:var(--sp-8);transition:background .5s var(--ease-signal)}.sg-cap:hover{background:var(--sg-surface)}.sg-cap__idx{font-family:var(--sg-mono);font-size:.74rem;color:var(--sg-accent)}.sg-cap__title{font-family:var(--sg-display);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:360;margin:var(--sp-3) 0;line-height:1.05}.sg-cap__body{color:var(--sg-muted);font-size:.95rem;max-width:38ch}.sg-cap__items{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6)}.sg-journey{position:relative;margin-top:var(--sp-10);padding-left:clamp(20px,5vw,56px)}.sg-journey__track{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--sg-line)}.sg-journey__progress{position:absolute;left:-.5px;top:0;width:2px;background:var(--sg-accent);transform-origin:top}.sg-journey__item{position:relative;padding-block:var(--sp-8);border-top:1px solid var(--sg-line);display:grid;grid-template-columns:180px 1fr;gap:var(--sp-6)}.sg-journey__item:first-child{border-top:none}.sg-journey__dot{position:absolute;left:calc(-1*clamp(20px,5vw,56px) - 5px);top:calc(var(--sp-8) + 6px);width:11px;height:11px;border-radius:50%;background:var(--sg-bg);border:1px solid var(--sg-faint);transition:border-color .4s var(--ease-signal),background .4s var(--ease-signal)}.sg-journey__item:hover .sg-journey__dot{background:var(--sg-accent);border-color:var(--sg-accent)}.sg-journey__year{font-family:var(--sg-mono);font-size:.82rem;color:var(--sg-muted)}.sg-journey__role{font-family:var(--sg-display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:360;line-height:1.1}.sg-journey__org{color:var(--sg-accent);font-family:var(--sg-mono);font-size:.82rem;margin-top:var(--sp-1)}.sg-journey__note{color:var(--sg-muted);margin-top:var(--sp-3);max-width:56ch}@media (max-width: 700px){.sg-journey__item{grid-template-columns:1fr;gap:var(--sp-2)}}.sg-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-6);margin-top:var(--sp-10)}.sg-quote{border:1px solid var(--sg-line);border-radius:14px;padding:var(--sp-8);background:var(--sg-surface)}.sg-quote__mark{font-family:var(--sg-display);font-size:3rem;line-height:.5;color:var(--sg-accent)}.sg-quote__text{font-family:var(--sg-display);font-weight:340;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3;margin:var(--sp-6) 0;letter-spacing:-.01em}.sg-quote__by{font-family:var(--sg-mono);font-size:.78rem;color:var(--sg-muted)}.sg-proof__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-6);margin-top:var(--sp-10);border-top:1px solid var(--sg-line);padding-top:var(--sp-10)}.sg-scrollbar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--sg-accent);transform-origin:left;z-index:60}@media (prefers-reduced-motion: reduce){.signal-root *,.signal-root *:before,.signal-root *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.sg-hero__scroll-line{animation:none}}.wrapper{max-width:1280px;margin:0 auto;background:#fff}footer{background:var(--black);color:var(--white-body);padding:20px 0;text-align:center}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-primary: "Familjen Grotesk", sans-serif;--font-secondary: "Bebas Neue", sans-serif;--black: #333333;--white-body: #f5f5f5;--nb-yellow: hsl(65, 100%, 76%);--nb-orange: hsl(43, 100%, 80%);--nb-pink: hsl(328, 97%, 88%);--nb-lila: hsl(260, 100%, 88%);--nb-blue: hsl(209, 82%, 83%);--nb-green: hsl(177, 61%, 73%);--border-main: 4px solid var(--black);--border-btn: 3px solid var(--black);--shadow-square: 4px 4px 0 var(--black);--sm-block: 85px;--xs-block: 70px;--gral-padding: 0 50px}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:#0a0a0b}::selection{color:var(--nb-yellow);background:var(--nb-green)}html{scrollbar-width:thin;scrollbar-color:#2c2c32 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0b}::-webkit-scrollbar-thumb{background:#2c2c32;border-radius:100px;border:2px solid #0a0a0b;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#4a4a52;background-clip:padding-box}::-webkit-scrollbar-corner{background:#0a0a0b}img{max-width:100%;height:auto}a{text-decoration:none;color:#333}ul{list-style:none}