html,body{font-family:"Lato",sans-serif;font-size:18px;color:#2e475e}@media only screen and (min-width: 992px){body{scroll-padding-top:170px}}a{color:#2e475e;font-weight:bold}a:hover{text-decoration:none;color:#0c1b29}.img-responsive{width:100%}.row.no-gutters{margin-right:0;margin-left:0}.row.no-gutters>[class^=col-],.row.no-gutters>[class*=" col-"]{padding-right:0;padding-left:0}.btn-calltoaction{background-color:#2e475e;color:#fff;border:0;border-bottom:4px solid #fbcc2e;border-radius:0;font-weight:bold;text-transform:uppercase;padding:8px 16px 4px 16px}.btn-calltoaction:hover{background-color:#f6f6f6;color:#2e475e}span.wpcf7-list-item{display:block}.footer{position:relative;background-color:#2e475e;color:#fff}.footer .container{padding:64px 0 16px 0}.footer .container p{font-size:.8em;margin-top:16px}.navigation{text-transform:uppercase;width:100%}.generic-blog-navigation a{border-bottom:4px solid #fbcc2e;padding-bottom:6px}.pagination{width:100%;margin:32px 0;overflow:hidden}.pagination .meta-nav{display:block;font-size:.7em;font-weight:100}.pagination .nav-previous{float:left;font-size:.9em}.pagination .nav-next{float:right;text-align:right;font-size:.9em}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}nav.main-mav{padding-top:16px;overflow:hidden}nav.main-mav .logo{float:right;margin-right:16px}nav.main-mav .navbar-toggler{border:2px solid #e2e2e2 !important;border-radius:0;margin:16px}nav.main-mav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.2)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}nav.main-mav .navbar-collapse{margin-top:50px}nav.main-mav ul,nav.main-mav li{margin:0;padding:0;list-style:none}nav.main-mav ul li{display:inline;text-transform:uppercase;font-size:.9em;border-bottom:1px solid #e2e2e2;padding:18px 16px 16px 16px}nav.main-mav ul li a{color:#2e475e;font-weight:bold}nav.main-mav ul li a:hover{color:#0c1b29}nav.main-mav ul li.active{background-color:#f2f2f2;border-bottom:4px solid #fbcc2e}nav.main-mav ul li.active a{font-weight:900}@media only screen and (min-width: 992px){nav.main-mav{background:#fff;position:fixed;top:0;z-index:10;height:220px;width:100%;padding:0;overflow:hidden;transition:all .4s cubic-bezier(0.23, 1, 0.32, 1)}nav.main-mav.nav-small{height:150px;box-shadow:0 2px 4px rgba(0,0,0,.1)}nav.main-mav.nav-small .shape{clip-path:polygon(0px 0px, 100% 0, 100% 0, 0 0)}nav.main-mav.nav-small .logo{top:0px}nav.main-mav.nav-small .logo:after{top:-100px}nav.main-mav.nav-small .navbar-collapse{top:-56px;transform:rotate(0)}nav.main-mav .navbar-collapse{transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);transform:rotate(-3.8deg);margin-top:0;position:relative;top:0}nav.main-mav .shape{transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);position:absolute;clip-path:polygon(0px 100px, 100% 5px, 100% 0, 0 0);background:#2e475e;height:150px;width:100%}nav.main-mav .logo{transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);float:none;margin-right:0;position:relative;left:-8px;top:70px}nav.main-mav .logo img{position:relative;top:20px;z-index:1}nav.main-mav .logo:after{transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);content:" ";display:block;position:absolute;left:0;top:-80px;z-index:0;width:100%;height:60px;background-image:url("../img/white-squares.png")}nav.main-mav ul li{transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);border:none;padding:12px;border-bottom:0 solid #fbcc2e}nav.main-mav ul li.active,nav.main-mav ul li:hover{background-color:rgba(0,0,0,0);border-bottom:4px solid #fbcc2e}}@media only screen and (min-width: 992px)and (max-width: 1199px){nav.main-mav ul li{padding:4px 8px}nav.main-mav ul li a.nav-link{padding-right:0 !important;padding-left:0 !important}nav.main-mav .navbar-collapse{transform:rotate(-5.2deg)}}section{margin:20px 0 80px 0;padding-top:20px;background-color:#fff}section header{text-align:center}section header h2{margin-bottom:30px;position:relative;display:inline-block;text-align:center;font-size:2em;font-weight:900}section header h2:after{transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);position:absolute;right:0;bottom:-4px;content:" ";display:inline-block;height:4px;width:100%;background:#fbcc2e}section header h2:before{transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);position:absolute;left:0;bottom:-4px;z-index:1;content:" ";display:inline-block;height:4px;width:4px;background:#2e475e}section header h2:hover:after{width:4px}section header h2:hover:before{width:calc(100% - 4px)}section h3{margin:30px 0;text-align:center}section.no-bottom{margin-bottom:0}section.alternative{background:#f6f6f6;padding:32px 0 32px 0;margin-top:0}@media only screen and (min-width: 992px){section.alternative{padding:128px 0 64px 0}section.main-section{padding-top:220px}section header h2{font-size:2.4em}}@media only screen and (min-width: 992px){.section-who{position:fixed;top:0;width:100%;height:740px}}.section-who .container{position:relative;background-image:url("../img/dimitri.jpg");background-repeat:no-repeat;background-position:center;height:500px}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.section-who .container{background-image:url("../img/dimitri-2x.jpg");background-size:500px 500px}}.section-who .container h1{position:absolute;bottom:-10px;left:0;font-size:2em;text-align:center;width:100%;background:#fff;margin:0;padding:16px 0}.section-who .container h1 strong{font-weight:900}.section-who .container h1 .big{font-size:1.2em}@media only screen and (min-width: 992px){.section-who .container{background-position:left}.section-who .container h1{position:relative;top:25%;left:420px;width:50%;text-align:left}}@media only screen and (min-width: 1200px){.section-who .container h1{left:520px}}.section-contact form{max-width:900px;margin:0 auto}.section-contact form input,.section-contact form textarea{width:100%;padding:8px;margin-bottom:8px;font-size:.8em;border:0;background-color:#f6f6f6;border-bottom:4px solid #fbcc2e}.section-contact form input[type=checkbox]{width:auto;font-size:1em}.section-contact form .form-check-label{margin-left:16px}.basic-container{background-color:#fff;position:relative}.whoiam small.words-container{display:none}.whoiam small.mobile{display:block}@media only screen and (min-width: 992px){.whoiam small.mobile{display:none}.whoiam small.words-container{display:block;position:relative}.whoiam small.words-container span{font-weight:bold;opacity:0;animation:words 10s linear infinite 0s;overflow:hidden;position:absolute;padding-left:10px}.whoiam small.words-container span:nth-child(1){animation-delay:0s}.whoiam small.words-container span:nth-child(2){animation-delay:2s}.whoiam small.words-container span:nth-child(3){animation-delay:4s}.whoiam small.words-container span:nth-child(4){animation-delay:6s}.whoiam small.words-container span:nth-child(5){animation-delay:8s}}.skills,.skills li{margin:0;padding:0;list-style:none;text-align:center}.skills li{display:inline-block;padding:8px 16px;margin:0 8px 8px 0;color:#fff;background:#fbcc2e;border-radius:22px;position:relative;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.skills li:hover{color:#fbcc2e;background:#2e475e}.social-links{text-align:center}.social-links .link{display:inline-block;margin:0 16px}.social-links .link:hover img{animation:bounce 1s 1;animation-timing-function:ease-in-out}.social-links .link span{display:inline-block;margin-left:16px}.projects .project-item{position:relative;height:240px;background-size:cover;background-position:center;overflow:hidden;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}@media only screen and (min-width: 480px)and (max-width: 991px){.projects .project-item{margin-bottom:1px}}.projects .project-item .overlay{transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);position:absolute;left:0;bottom:-101%;display:flex;align-items:center;width:100%;height:100%;background:#fbcc2e;color:#2e475e}.projects .project-item .overlay .content{text-align:center;width:100%}.projects .project-item .overlay .content h2{font-weight:900;text-transform:uppercase}.projects .project-item:hover{background-position:center -100px}.projects .project-item:hover .overlay{bottom:0}.boxed{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);padding:32px;min-height:650px;display:flex;flex-direction:column;justify-content:center;margin-bottom:32px}.boxed .middle-image{display:block;max-width:100%;margin:32px auto}.boxed header{flex:1}.boxed.blog-item{padding:0;min-height:auto;display:block}.blog-item .figure{height:200px;width:100%;overflow:hidden}.blog-item .figure a{display:block;height:200px;background-size:cover;background-position:center;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.blog-item .figure:hover a{transform:scale(1.2)}.blog-item .info{opacity:.75;background-image:url("../img/clock.png");background-repeat:no-repeat;background-position:16px 3px;font-size:.7em;padding:0 16px 0 32px;margin:22px 0 0 0}.blog-item .info span{padding-left:16px}.blog-item .content{padding:16px}.blog-item .content p{line-height:1.6em;font-size:.9em}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes words{0%{opacity:0}5%{opacity:0;transform:translateY(-40px)}10%{opacity:1;transform:translateY(0px)}25%{opacity:1;transform:translateY(0px)}30%{opacity:0;transform:translateY(40px)}80%{opacity:0}100%{opacity:0}}.basic-container section>.container>header{margin-bottom:40px;text-align:left}.basic-container section>.container>header h2{display:block;margin:0 0 16px 0;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:2.4em;line-height:1.05;letter-spacing:-0.01em;text-align:left;text-wrap:balance}.basic-container section>.container>header h2:before{display:none}.basic-container section>.container>header h2:after,.basic-container section>.container>header h2:hover:after{content:" ";display:inline-block;width:.2em;height:.2em;margin-left:.08em;background:#fbcc2e;position:static;transition:none}.basic-container section>.container>header p{max-width:34em;margin:0;font-size:1.05em;line-height:1.6;color:rgba(46,71,94,.75);text-wrap:pretty}@media only screen and (min-width: 992px){.basic-container section>.container>header{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:64px;align-items:end;margin-bottom:56px}.basic-container section>.container>header h2{margin:0;font-size:3.6em}.basic-container section>.container>header h2:only-child{grid-column:1/-1}.basic-container section>.container>header p{padding-bottom:10px}}.section-hero{position:relative;overflow:hidden;margin-bottom:0;padding-bottom:56px}.section-hero .hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:28px;padding-top:24px}.section-hero h1{margin:0;font-family:"Young Serif",Georgia,serif;font-size:2.5em;font-weight:400;line-height:1.02;letter-spacing:-0.015em;text-wrap:balance}.section-hero h1:after{content:" ";display:inline-block;width:.2em;height:.2em;margin-left:.08em;background:#fbcc2e}.section-hero .hero-intro{max-width:24em;margin:0 0 24px 0;font-size:1.2em;color:rgba(46,71,94,.75);text-wrap:pretty}.section-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:0}.section-hero .hero-youtube{display:inline-flex;align-items:center;gap:10px}.section-hero .hero-youtube svg{width:28px;height:28px;fill:red}@media only screen and (min-width: 992px){.section-hero{padding-bottom:88px}.section-hero .hero{grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"title title" "lead shelf";column-gap:64px;row-gap:48px;align-items:end;padding-top:40px}.section-hero h1{grid-area:title;max-width:13em;font-size:4.4em}.section-hero .hero-lead{grid-area:lead}.section-hero .hero-shelf{grid-area:shelf}}@media only screen and (min-width: 1200px){.section-hero h1{font-size:5em}}.hero-peek{position:absolute;left:0;bottom:0;z-index:2;width:220px;pointer-events:none;transform-origin:left bottom;transform:translateX(-102%)}.hero-peek img{display:block;width:100%;height:auto}.hero-peek.is-peeking{animation:peek 3s both}@media only screen and (min-width: 992px){.hero-peek{bottom:-40px;width:340px}}@keyframes peek{0%{transform:translateX(-102%) rotate(0deg);animation-timing-function:cubic-bezier(0.22, 0.9, 0.3, 1)}26%{transform:translateX(-48%) rotate(14deg);animation-timing-function:linear}74%{transform:translateX(-48%) rotate(14deg);animation-timing-function:cubic-bezier(0.55, 0, 0.8, 0.2)}100%{transform:translateX(-102%) rotate(0deg)}}.hero-shelf{display:grid;grid-template-columns:repeat(6, max-content);gap:10px;margin:0;padding:0;list-style:none}.hero-shelf li{position:relative}.hero-shelf a{display:block;border-radius:22.5%}.hero-shelf a:hover .shelf-icon,.hero-shelf a:focus-visible .shelf-icon{transform:translateY(-4px)}.hero-shelf a:hover .shelf-name,.hero-shelf a:focus-visible .shelf-name{opacity:1;transform:translate(-50%, 0)}.hero-shelf .shelf-icon{display:block;width:46px;height:46px;border-radius:22.5%;box-shadow:0 1px 3px rgba(12,27,41,.2);transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.hero-shelf .shelf-icon.is-mac{border-radius:0;box-shadow:none}.hero-shelf .shelf-name{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:2;padding:4px 10px;font-size:.65em;white-space:nowrap;color:#fff;background:#2e475e;border-radius:4px;pointer-events:none;opacity:0;transform:translate(-50%, 4px);transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}@media only screen and (min-width: 992px){.hero-shelf{gap:12px}.hero-shelf .shelf-icon{width:56px;height:56px}}.shelf-wait .hero-shelf li{opacity:0}.shelf-go .hero-shelf li{animation:shelf-pop .55s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:calc(var(--i)*55ms)}@keyframes shelf-pop{0%{opacity:0;transform:scale(0.4) translateY(12px)}60%{opacity:1}100%{opacity:1;transform:none}}.section-principles.alternative{padding:64px 0 80px 0}.section-principles .principles{display:grid;grid-template-columns:1fr;gap:32px}@media only screen and (min-width: 992px){.section-principles .principles{grid-template-columns:repeat(3, 1fr);gap:56px}}.section-principles .principle{display:grid;grid-template-columns:88px 1fr;gap:0 20px;align-items:start}.section-principles .principle .principle-figure{grid-row:span 2}@media only screen and (min-width: 992px){.section-principles .principle{display:block}}.section-principles .principle h3{margin:4px 0 8px 0;text-align:left;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:1.9em;line-height:1.1}@media only screen and (min-width: 992px){.section-principles .principle h3{margin:28px 0 10px 0}}.section-principles .principle p{max-width:30em;margin:0;line-height:1.6;color:rgba(46,71,94,.75)}.section-principles .principle:hover .principle-figure{transform:translateY(-4px) rotate(-3deg)}.section-principles .principle-figure{width:88px;height:88px;padding:8px;background:#fff;border-radius:22.5%;box-shadow:0 18px 32px -20px rgba(12,27,41,.45),0 2px 6px rgba(12,27,41,.06);transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}@media only screen and (min-width: 992px){.section-principles .principle-figure{width:132px;height:132px;padding:12px}}.section-principles .principle-figure svg{display:block;width:100%;height:100%;overflow:visible}.section-principles .principle-figure .sq-ghost{fill:#edf0f3}.section-principles .principle-figure .sq-navy{fill:#2e475e}.section-principles .principle-figure .sq-yellow{fill:#fbcc2e;stroke:#fbcc2e;stroke-width:3}.section-principles .principle-figure .sq-move{transform-box:fill-box;transform-origin:center bottom}.section-principles .principle-useful .sq-move{transform-origin:center}.principle-simple.is-playing .sq-move{animation:cube-jump .9s cubic-bezier(0.3, 0.7, 0.4, 1) both}.principle-useful.is-playing .sq-move{animation:cube-roll .9s ease-in-out both}.principle-clear.is-playing .sq-move{animation:cube-clear 1.5s ease-in-out both}@keyframes cube-jump{0%{transform:none}15%{transform:scale(1.1, 0.85)}45%{transform:translateY(-36px) scale(0.95, 1.06)}60%{transform:translateY(-36px)}85%{transform:translateY(0) scale(1.12, 0.86)}100%{transform:none}}@keyframes cube-roll{0%{transform:none}45%{transform:translateY(-26px) rotate(45deg)}85%{transform:translateY(0) rotate(90deg) scale(1.06, 0.92)}100%{transform:rotate(90deg)}}@keyframes cube-clear{0%{fill-opacity:1;transform:none}30%{fill-opacity:0;transform:translateY(-8px)}70%{fill-opacity:0;transform:translateY(-8px)}100%{fill-opacity:1;transform:none}}.section-products .app-filters{display:flex;gap:8px;margin:8px -15px 32px -15px;padding:4px 15px;overflow-x:auto;scrollbar-width:none}.section-products .app-filters::-webkit-scrollbar{display:none}@media only screen and (min-width: 768px){.section-products .app-filters{flex-wrap:wrap;margin:8px 0 32px 0;padding:0;overflow:visible}}.section-products .app-filter{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:.8em;font-weight:bold;color:#2e475e;background:#fff;border:2px solid #e6e8eb;border-radius:22px;cursor:pointer;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.section-products .app-filter:hover{border-color:#fbcc2e}.section-products .app-filter:focus-visible{outline:3px solid rgba(46,71,94,.4);outline-offset:2px}.section-products .app-filter.is-active{color:#fff;background:#2e475e;border-color:#2e475e}.section-products .app-filter.is-active .app-filter-count{color:#2e475e;background:#fbcc2e}.section-products .app-filter-count{min-width:22px;padding:1px 6px;font-size:.85em;background:#f6f6f6;border-radius:11px;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.section-products .app-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none}@media only screen and (min-width: 768px){.section-products .app-grid{grid-template-columns:repeat(2, 1fr);gap:24px}}@media only screen and (min-width: 992px){.section-products .app-grid{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1200px){.section-products .app-grid{grid-template-columns:repeat(4, 1fr)}}.section-products .app-card[hidden]{display:none}.section-products .app-link{display:grid;grid-template-columns:120px 1fr;height:100%;overflow:hidden;font-weight:normal;color:#2e475e;background:#fff;border:1px solid #eceef0;border-radius:20px;transition:transform .5s cubic-bezier(0.23, 1, 0.32, 1),box-shadow .5s cubic-bezier(0.23, 1, 0.32, 1),border-color .5s}.section-products .app-link:hover,.section-products .app-link:focus-visible{transform:translateY(-6px);border-color:color-mix(in srgb, var(--c) 30%, #fff);box-shadow:0 22px 40px -18px color-mix(in srgb, var(--c) 55%, transparent)}.section-products .app-link:hover .app-stage,.section-products .app-link:focus-visible .app-stage{background-color:color-mix(in srgb, var(--c) 22%, #fff)}.section-products .app-link:hover .app-stage:before,.section-products .app-link:focus-visible .app-stage:before{opacity:1;transform:scale(1.15)}.section-products .app-link:hover .app-stage:after,.section-products .app-link:focus-visible .app-stage:after{opacity:1}.section-products .app-link:hover .app-icon,.section-products .app-link:focus-visible .app-icon{transform:translateY(-6px) scale(1.06) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.section-products .app-link:hover .app-open,.section-products .app-link:focus-visible .app-open{opacity:1;transform:none}.section-products .app-link:focus-visible{outline:3px solid rgba(46,71,94,.4);outline-offset:3px}@media only screen and (min-width: 768px){.section-products .app-link{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.section-products .app-stage{position:relative;display:grid;place-items:center;min-height:120px;overflow:hidden;background-color:color-mix(in srgb, var(--c) 13%, #fff);perspective:600px;transition:background-color .5s}.section-products .app-stage:before{content:" ";position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;background:radial-gradient(circle, color-mix(in srgb, var(--c) 35%, transparent) 0%, transparent 70%);opacity:.5;transition:opacity .5s,transform .8s cubic-bezier(0.23, 1, 0.32, 1)}.section-products .app-stage:after{content:" ";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 30%), rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 55%);opacity:0;transition:opacity .5s;pointer-events:none}@media only screen and (min-width: 768px){.section-products .app-stage{height:184px}}.section-products .app-icon{position:relative;z-index:1;width:76px;height:76px;border-radius:22.5%;box-shadow:0 14px 24px -10px color-mix(in srgb, var(--c) 70%, transparent),0 2px 6px rgba(12,27,41,.15);transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1)}.section-products .app-icon.is-mac{border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 14px color-mix(in srgb, var(--c) 45%, transparent))}@media only screen and (min-width: 768px){.section-products .app-icon{width:112px;height:112px}}.section-products .app-soon{position:absolute;left:12px;top:12px;z-index:2;padding:3px 10px;font-size:.65em;font-weight:bold;color:#fbcc2e;background:#2e475e;border-radius:22px}.section-products .app-open{position:absolute;right:12px;top:12px;z-index:2;display:none;place-items:center;width:34px;height:34px;background:#fff;border-radius:50%;box-shadow:0 4px 10px rgba(12,27,41,.12);opacity:0;transform:scale(0.5) rotate(-45deg);transition:opacity .4s,transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.section-products .app-open svg{width:18px;height:18px;fill:none;stroke:#2e475e;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(hover: hover){.section-products .app-open{display:grid}}.section-products .app-body{display:flex;flex-direction:column;align-items:flex-start;padding:16px 18px 18px 18px}.section-products .app-body p{margin:0}@media only screen and (min-width: 768px){.section-products .app-body{padding:18px 20px 20px 20px}}.section-products .app-name{margin:0 0 2px 0;text-align:left;font-size:1.15em;font-weight:900}.section-products .app-platforms{font-size:.72em;color:rgba(46,71,94,.75)}.section-products .app-body .app-text{margin:10px 0 14px 0;font-size:.85em;line-height:1.5}.section-products .app-body .app-price{margin-top:auto;padding:3px 12px;font-size:.7em;font-weight:bold;background:color-mix(in srgb, var(--c) 14%, #fff);border-radius:14px}.section-products .app-card.is-picked .app-link{animation:card-picked 1.4s ease-out}.section-products .product-group{margin-top:56px}.section-products .product-group-title{margin:0 0 8px 0;text-align:left;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:1.6em}.section-products .product-group-title:after{content:" ";display:inline-block;width:.2em;height:.2em;margin-left:.08em;background:#fbcc2e}.section-products .mini-apps{display:flex;flex-wrap:wrap;gap:16px 32px;margin:16px 0 24px 0;padding:0;list-style:none}.section-products .mini-apps a{display:inline-flex;align-items:center;gap:12px;font-size:.9em}.section-products .mini-apps a:hover .mini-icon{transform:scale(1.12) rotate(-6deg)}.section-products .mini-icon{width:48px;height:48px;border-radius:22.5%;box-shadow:0 1px 3px rgba(12,27,41,.2);transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.section-products .mini-icon.is-mac{border-radius:0;box-shadow:none}.section-products .product-archive{font-size:.8em;color:rgba(46,71,94,.75)}.section-products .product-archive a{color:rgba(46,71,94,.75);text-decoration:underline;text-decoration-color:#fbcc2e;text-underline-offset:3px}.app-grid.reveal-wait .app-card{opacity:0}.app-grid.reveal-go .app-card,.app-card.is-entering{animation:card-in .5s ease-out both;animation-delay:calc(var(--i)*60ms)}.app-grid.reveal-go .app-card .app-icon,.app-card.is-entering .app-icon{animation:icon-pop .7s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;animation-delay:calc(var(--i)*60ms + 120ms)}@keyframes card-in{from{opacity:0}to{opacity:1}}@keyframes icon-pop{0%{opacity:0;transform:scale(0.4)}60%{opacity:1}100%{opacity:1;transform:none}}@keyframes card-picked{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 70%, transparent)}30%{box-shadow:0 0 0 8px color-mix(in srgb, var(--c) 35%, transparent)}100%{box-shadow:0 0 0 16px color-mix(in srgb, var(--c) 0%, transparent)}}.section-follow.alternative{padding:64px 0}.section-follow .follow-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:24px}.section-follow .follow{display:grid;grid-template-columns:44px 1fr;gap:0 16px;align-items:center;padding:24px;font-weight:normal;color:#2e475e;border:2px solid #ececec;border-radius:12px;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.section-follow .follow:hover,.section-follow .follow:focus-visible{border-color:var(--brand)}.section-follow .follow:hover .follow-icon,.section-follow .follow:focus-visible .follow-icon{transform:rotate(-8deg) scale(1.08)}.section-follow .follow-youtube{--brand: #FF0000}.section-follow .follow-instagram{--brand: #E4405F}.section-follow .follow-tiktok{--brand: #000000}.section-follow .follow-icon{grid-row:span 2;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.section-follow .follow-icon svg{display:block;width:44px;height:44px;fill:var(--brand)}.section-follow .follow-name{font-size:1.2em;font-weight:900;line-height:1.2}.section-follow .follow-handle{font-size:.8em;color:rgba(46,71,94,.75)}.section-follow .follow-text{grid-column:1/-1;margin-top:16px;font-size:.9em;line-height:1.5}.section-about .about-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media only screen and (min-width: 992px){.section-about .about-grid{grid-template-columns:340px minmax(0, 1fr);gap:64px}}.section-about .about-photo{max-width:280px;overflow:hidden;background:#2e475e;border-radius:40px}.section-about .about-photo img{display:block;width:100%;height:auto}@media only screen and (min-width: 992px){.section-about .about-photo{max-width:none}}.section-about .about{max-width:720px;line-height:1.6}.section-about .about-skills{margin:24px 0}.section-about .about-skills summary{display:inline-block;margin-bottom:16px;font-weight:bold;cursor:pointer;list-style:none}.section-about .about-skills summary::-webkit-details-marker{display:none}.section-about .about-skills summary:before{content:"+";display:inline-block;width:24px;height:24px;margin-right:10px;line-height:22px;text-align:center;color:#2e475e;background:#fbcc2e;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.section-about .about-skills[open] summary:before{transform:rotate(45deg)}.section-about .about-skills .skills li{color:#2e475e;font-size:.85em}.section-about .about-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin:0}.section-about .about-links a{display:inline-flex;align-items:center;gap:10px}.footer-social{display:flex;justify-content:center;gap:20px}.footer-social a{opacity:.8;transition:all .3s cubic-bezier(0.23, 1, 0.32, 1)}.footer-social a:hover{opacity:1}.footer-social svg{width:22px;height:22px;fill:#fff}@media(prefers-reduced-motion: reduce){.hero-shelf .shelf-icon,.hero-shelf .shelf-name,.section-products .app-link,.section-products .app-icon,.section-products .mini-icon,.section-follow .follow-icon{transition:none}.section-follow .follow:hover .follow-icon,.section-products .app-link:hover,.section-products .app-link:hover .app-icon{transform:none}}article{max-width:750px;margin:0 auto}article .post-cat{font-size:.8em}article .figure{background-position:center;background-size:cover;height:200px}article figure img{max-width:100%}article p{line-height:2em}article footer{text-align:center;margin:32px 0;font-size:.8em}article .content img{max-width:100%}#page .container{max-width:750px;margin:0 auto}#page figure img{max-width:100%;height:auto}#page p{line-height:2em}#page .content img{max-width:100%;height:auto}.projects-archive .archive-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:4rem 0;color:#fff;text-align:center}.projects-archive .archive-hero .archive-title{font-size:3rem;font-weight:900;margin-bottom:1rem}@media(max-width: 768px){.projects-archive .archive-hero .archive-title{font-size:2rem}}.projects-archive .archive-hero .archive-description{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.projects-archive .projects-grid-section{padding:4rem 0}.projects-archive .projects-grid-section .projects-filter{text-align:center;margin-bottom:3rem}.projects-archive .projects-grid-section .projects-filter .filter-btn{background:rgba(0,0,0,0);border:2px solid #007bff;color:#007bff;padding:.75rem 1.5rem;margin:0 .5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.projects-archive .projects-grid-section .projects-filter .filter-btn:hover,.projects-archive .projects-grid-section .projects-filter .filter-btn.active{background:#007bff;color:#fff;transform:translateY(-2px)}@media(max-width: 768px){.projects-archive .projects-grid-section .projects-filter .filter-btn{margin:.25rem;padding:.5rem 1rem;font-size:.9rem}}.projects-archive .projects-grid-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media(max-width: 768px){.projects-archive .projects-grid-section .projects-grid{grid-template-columns:1fr;gap:1.5rem}}.projects-archive .projects-grid-section .projects-grid .project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;opacity:1;transform:translateY(0)}.projects-archive .projects-grid-section .projects-grid .project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.projects-archive .projects-grid-section .projects-grid .project-card .project-link{text-decoration:none;color:inherit;display:block}.projects-archive .projects-grid-section .projects-grid .project-card .project-image{position:relative;aspect-ratio:16/10;overflow:hidden}.projects-archive .projects-grid-section .projects-grid .project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-placeholder{width:100%;height:100%;background:linear-gradient(45deg, #f8f9fa, #e9ecef);display:flex;align-items:center;justify-content:center}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-placeholder i{font-size:3rem;color:#666}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 123, 255, 0.9), rgba(102, 126, 234, 0.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content{text-align:center;color:#fff;padding:2rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content .project-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content .project-card-type{display:inline-block;background:hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:50px;font-size:.9rem;margin-bottom:1rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content .project-card-meta{margin-bottom:1rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content .project-card-meta .meta-item{display:block;font-size:.9rem;margin-bottom:.25rem;opacity:.9}.projects-archive .projects-grid-section .projects-grid .project-card .project-image .project-overlay .project-overlay-content .view-project{font-weight:600;font-size:1rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-image:hover img{transform:scale(1.05)}.projects-archive .projects-grid-section .projects-grid .project-card .project-image:hover .project-overlay{opacity:1}.projects-archive .projects-grid-section .projects-grid .project-card .project-info{padding:1.5rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-info .project-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#2c3e50}.projects-archive .projects-grid-section .projects-grid .project-card .project-info .project-excerpt{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.projects-archive .projects-grid-section .projects-grid .project-card .project-info .project-meta{display:flex;justify-content:space-between;align-items:center}.projects-archive .projects-grid-section .projects-grid .project-card .project-info .project-meta .project-type-badge{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600}.projects-archive .projects-grid-section .projects-grid .project-card .project-info .project-meta .project-date{color:#999;font-size:.9rem}.projects-archive .projects-grid-section .projects-pagination{margin-top:4rem;text-align:center}.projects-archive .projects-grid-section .projects-pagination .page-numbers{display:inline-block;padding:.75rem 1rem;margin:0 .25rem;background:#fff;border:2px solid #dee2e6;color:#007bff;text-decoration:none;border-radius:8px;transition:all .3s ease}.projects-archive .projects-grid-section .projects-pagination .page-numbers:hover,.projects-archive .projects-grid-section .projects-pagination .page-numbers.current{background:#007bff;color:#fff;border-color:#007bff}.projects-archive .projects-grid-section .no-projects{text-align:center;padding:4rem 0}.projects-archive .projects-grid-section .no-projects .no-projects-content{max-width:400px;margin:0 auto}.projects-archive .projects-grid-section .no-projects .no-projects-content i{font-size:4rem;color:#dee2e6;margin-bottom:1.5rem}.projects-archive .projects-grid-section .no-projects .no-projects-content h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#2c3e50}.projects-archive .projects-grid-section .no-projects .no-projects-content p{color:#666;margin-bottom:2rem}.projects-archive .projects-grid-section .no-projects .no-projects-content .btn{display:inline-flex;align-items:center;padding:1rem 2rem;background:#007bff;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease}.projects-archive .projects-grid-section .no-projects .no-projects-content .btn:hover{background:#0056b3;transform:translateY(-2px)}.project-detail .project-hero{min-height:60vh;background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center}.project-detail .project-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%);z-index:1}.project-detail .project-hero .project-hero-overlay{position:relative;z-index:2;width:100%}.project-detail .project-hero .project-hero-content{text-align:center;color:#fff}.project-detail .project-hero .project-hero-content .project-title{font-size:3.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width: 768px){.project-detail .project-hero .project-hero-content .project-title{font-size:2.5rem}}.project-detail .project-hero .project-hero-content .project-type-badge{display:inline-block;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-radius:50px;font-weight:600;margin-bottom:2rem;border:1px solid hsla(0,0%,100%,.3)}.project-detail .project-hero .project-hero-content .project-meta{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}@media(max-width: 768px){.project-detail .project-hero .project-hero-content .project-meta{flex-direction:column;gap:1rem}}.project-detail .project-hero .project-hero-content .project-meta .project-meta-item{text-align:center}.project-detail .project-hero .project-hero-content .project-meta .project-meta-item .project-meta-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.project-detail .project-hero .project-hero-content .project-meta .project-meta-item .project-meta-value{display:block;font-size:1.2rem;font-weight:600}.project-detail .project-hero .project-hero-content .project-actions{display:flex;justify-content:center;gap:1rem}@media(max-width: 768px){.project-detail .project-hero .project-hero-content .project-actions{flex-direction:column;align-items:center}}.project-detail .project-hero .project-hero-content .project-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.project-detail .project-hero .project-hero-content .project-actions .btn.btn-primary{background:#007bff;color:#fff}.project-detail .project-hero .project-hero-content .project-actions .btn.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,123,255,.3)}.project-detail .project-hero .project-hero-content .project-actions .btn.btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.project-detail .project-hero .project-hero-content .project-actions .btn.btn-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.project-detail .project-content{padding:4rem 0}.project-detail .project-content .project-description{margin-bottom:4rem}.project-detail .project-content .project-description h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#2c3e50;position:relative;padding-bottom:1rem}.project-detail .project-content .project-description h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(45deg, #007bff, #28a745);border-radius:2px}.project-detail .project-content .project-description .project-text{font-size:1.1rem;line-height:1.8;color:#555}.project-detail .project-content .project-description .project-text p{margin-bottom:1.5rem}.project-detail .project-content .project-gallery{margin-bottom:4rem}.project-detail .project-content .project-gallery h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#2c3e50}.project-detail .project-content .project-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.project-detail .project-content .project-gallery .gallery-grid .gallery-item{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:4/3}.project-detail .project-content .project-gallery .gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-detail .project-content .project-gallery .gallery-grid .gallery-item .gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-detail .project-content .project-gallery .gallery-grid .gallery-item .gallery-overlay i{font-size:2rem;color:#fff}.project-detail .project-content .project-gallery .gallery-grid .gallery-item:hover img{transform:scale(1.05)}.project-detail .project-content .project-gallery .gallery-grid .gallery-item:hover .gallery-overlay{opacity:1}.project-detail .project-sidebar .project-info-card,.project-detail .project-sidebar .project-featured-card,.project-detail .project-sidebar .project-share-card{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05)}.project-detail .project-sidebar .project-info-card h3,.project-detail .project-sidebar .project-featured-card h3,.project-detail .project-sidebar .project-share-card h3{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;color:#2c3e50}.project-detail .project-sidebar .project-info-card .info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #eee}.project-detail .project-sidebar .project-info-card .info-item:last-child{border-bottom:none}.project-detail .project-sidebar .project-info-card .info-item .info-label{font-weight:600;color:#666;font-size:.9rem}.project-detail .project-sidebar .project-info-card .info-item .info-value{color:#2c3e50;font-weight:500;text-align:right}.project-detail .project-sidebar .project-info-card .info-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.project-detail .project-sidebar .project-info-card .info-actions .info-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;color:#007bff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.project-detail .project-sidebar .project-info-card .info-actions .info-btn:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.project-detail .project-sidebar .project-featured-card .featured-img{width:100%;border-radius:10px;margin-top:1rem}.project-detail .project-sidebar .project-share-card .share-buttons{display:flex;gap:.75rem}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:8px;text-decoration:none;color:#fff;font-weight:600;transition:all .3s ease}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn .social-icon{font-size:1.2rem;font-weight:bold;text-transform:uppercase}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.facebook{background:#3b5998}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.facebook:hover{background:#2d4373;transform:translateY(-2px)}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.twitter{background:#1da1f2}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.twitter:hover{background:#1991db;transform:translateY(-2px)}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.linkedin{background:#0077b5}.project-detail .project-sidebar .project-share-card .share-buttons .share-btn.linkedin:hover{background:#005885;transform:translateY(-2px)}.project-detail .project-navigation{background:#f8f9fa;padding:3rem 0}.project-detail .project-navigation .nav-links{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}@media(max-width: 768px){.project-detail .project-navigation .nav-links{grid-template-columns:1fr;text-align:center}}.project-detail .project-navigation .nav-links .nav-link{text-decoration:none;color:#2c3e50;transition:all .3s ease}.project-detail .project-navigation .nav-links .nav-link.prev{text-align:left}@media(max-width: 768px){.project-detail .project-navigation .nav-links .nav-link.prev{text-align:center}}.project-detail .project-navigation .nav-links .nav-link.next{text-align:right}@media(max-width: 768px){.project-detail .project-navigation .nav-links .nav-link.next{text-align:center}}.project-detail .project-navigation .nav-links .nav-link.archive{text-align:center;background:#007bff;color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600}.project-detail .project-navigation .nav-links .nav-link.archive .nav-icon{display:block;font-size:1.2rem;margin-bottom:.25rem}.project-detail .project-navigation .nav-links .nav-link.archive .nav-icon.grid-icon{position:relative;width:18px;height:18px;margin:0 auto .25rem}.project-detail .project-navigation .nav-links .nav-link.archive .nav-icon.grid-icon:before,.project-detail .project-navigation .nav-links .nav-link.archive .nav-icon.grid-icon:after{content:"";position:absolute;background:currentColor}.project-detail .project-navigation .nav-links .nav-link.archive .nav-icon.grid-icon:before{width:4px;height:4px;border-radius:1px;box-shadow:0 0 0 0 currentColor,7px 0 0 0 currentColor,14px 0 0 0 currentColor,0 7px 0 0 currentColor,7px 7px 0 0 currentColor,14px 7px 0 0 currentColor,0 14px 0 0 currentColor,7px 14px 0 0 currentColor,14px 14px 0 0 currentColor}.project-detail .project-navigation .nav-links .nav-link.archive:hover{background:#0056b3;transform:translateY(-2px)}.project-detail .project-navigation .nav-links .nav-link .nav-direction{display:block;font-size:.9rem;color:#666;margin-bottom:.25rem}.project-detail .project-navigation .nav-links .nav-link .nav-title{display:block;font-weight:600;font-size:1.1rem}.project-detail .project-navigation .nav-links .nav-link:hover:not(.archive) .nav-title{color:#007bff}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.gallery-modal.active{opacity:1;visibility:visible}.gallery-modal .modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(0.8);transition:transform .3s ease}.modal-active .gallery-modal .modal-content{transform:scale(1)}.gallery-modal .modal-content .modal-image{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.gallery-modal .modal-content .modal-info{padding:1.5rem;background:#fff}.gallery-modal .modal-content .modal-info .modal-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.gallery-modal .modal-content .modal-info .modal-counter{color:#666;font-size:.9rem}.gallery-modal .modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;transition:all .3s ease;z-index:10001}.gallery-modal .modal-close:hover{background:#fff;transform:scale(1.1)}.gallery-modal .modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;transition:all .3s ease;z-index:10001}.gallery-modal .modal-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-modal .modal-nav.modal-prev{left:1rem}.gallery-modal .modal-nav.modal-next{right:1rem}.gallery-modal .modal-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-modal .modal-nav:disabled:hover{transform:translateY(-50%) scale(1)}.gallery-modal .modal-thumbnails{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;background:hsla(0,0%,100%,.9);padding:.75rem;border-radius:25px;max-width:90%;overflow-x:auto}.gallery-modal .modal-thumbnails .thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.gallery-modal .modal-thumbnails .thumb.active{opacity:1;border-color:#007bff}.gallery-modal .modal-thumbnails .thumb:hover{opacity:1;transform:scale(1.05)}.gallery-modal .modal-thumbnails .thumb img{width:100%;height:100%;object-fit:cover}@media(max-width: 768px){.gallery-modal .modal-content{max-width:95vw;max-height:95vh}.gallery-modal .modal-content .modal-info{padding:1rem}.gallery-modal .modal-nav{width:40px;height:40px}.gallery-modal .modal-nav.modal-prev{left:.5rem}.gallery-modal .modal-nav.modal-next{right:.5rem}.gallery-modal .modal-close{top:.5rem;right:.5rem;width:35px;height:35px}.gallery-modal .modal-thumbnails{display:none}}@media(max-width: 991px){.project-detail .project-content .row{flex-direction:column-reverse}.project-detail .project-content .project-sidebar{margin-bottom:3rem}}section header h2:not(.e404_title),.archive-title,.project-title{font-family:"Young Serif",Georgia,serif;font-weight:400;letter-spacing:-0.01em}section header h2:not(.e404_title){line-height:1.1;text-wrap:balance}section header h2:not(.e404_title):before{display:none}section header h2:not(.e404_title):after,section header h2:not(.e404_title):hover:after{content:" ";display:inline-block;width:.2em;height:.2em;margin-left:.08em;background:#fbcc2e;position:static;transition:none}article .content h2,article .content h3,article .content h4{margin-top:1.6em;font-family:"Young Serif",Georgia,serif;font-weight:400;line-height:1.2}.blog-item .content h2{font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:1.5em;line-height:1.15}.project-detail h2,.project-detail h3{font-family:"Young Serif",Georgia,serif;font-weight:400}/*# sourceMappingURL=style.css.map */
