.portfolio{--color-dark:#121723;--color-gray:#b5b5b5;--color-gray-alt:#9093a0;--color-gray-soft:#eeeefb;--color-red:#e04f67;--gradient:linear-gradient(45deg, #e04f67, #c72c4a, #7b1e6a, #4a1442);background:var(--color-dark);color:#fff;font-family:var(--font-manrope), system-ui, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400}.portfolio a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 1rem}.font-semibold{font-weight:600}.text-red{color:red}.header{z-index:2;width:100%;padding:1rem 0;font-weight:600;position:absolute;left:0}.header__wrapper{justify-content:space-between;align-items:center;display:flex}.header__wrapper h1{margin:0;font-size:1.5rem}.header__wrapper h1 span{color:red}.header__nav ul{margin:0;padding:0;list-style:none}.header__nav li{vertical-align:top;font-size:.85rem;display:inline-block}.header__nav li a{padding:.3rem 1rem;transition:all .3s;display:inline-block}.header__nav li a:hover{text-decoration:underline}.header__nav li a.is-active{color:var(--color-red);text-underline-offset:4px;text-decoration:underline}.header__nav li:last-child{font-size:.95rem}.header__nav li:last-child a{background-image:var(--gradient);border-radius:4px}@media (min-width:568px){.header__wrapper h1{font-size:1.65rem}.header__nav{display:flex}.header__nav li{font-size:.95rem}}.hero__content{align-items:center;max-width:1080px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}.hero__text{margin-bottom:3rem}.hero__text h2,.hero__text small{font-weight:600}.hero__text h2{margin:0;font-size:1rem}.hero__text .text-primary{color:var(--color-red);background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;line-height:1;display:block}.hero__text small{color:var(--color-gray);text-transform:uppercase;display:block}.hero__text img{max-width:220px;height:auto;margin-top:2rem}.hero__image figure{background:#1d1f20;border-radius:10px;max-width:280px;margin:0 auto;position:relative}.hero__image figure:after{background-image:var(--gradient);content:"";z-index:0;background-size:300% 300%;border-radius:10px;width:calc(100% + 10px);height:calc(100% + 10px);animation:3s infinite alternate gradient-animation;position:absolute;top:-5px;left:-5px}.hero__image figure img{z-index:1;border-radius:10px;width:100%;height:auto;display:block;position:relative}.hero__image figcaption{text-align:center;z-index:2;background:#00000080;border-radius:0 0 10px 10px;width:100%;padding:1rem;font-size:.75rem;font-weight:600;position:absolute;bottom:0;left:0}.hero__image figcaption p{margin:0}@media (min-width:568px){.hero__text img{max-width:100%}.hero__image figure{max-width:380px}}@media (min-width:768px){.hero__content{padding:0 2rem}.hero__inner-content{justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex}.hero__text,.hero__image{display:flex}.hero__text h2{font-size:1.5rem}.hero__text .text-primary{font-size:2.5rem}.hero__text small{font-size:60%}}@keyframes gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.about-section{padding-bottom:3rem}.about-section h2{text-align:center;font-size:2rem}.timeline{margin:0;padding:2rem 0 2rem 1.5rem;overflow:hidden}.timeline__item{color:var(--color-dark);background-image:linear-gradient(#e04f67,#c72c4a,#7b1e6a,#4a1442);width:7px;padding-top:50px;list-style:none;position:relative}.timeline__item span.circle{text-align:center;background:#fff;border-radius:50%;width:45px;height:45px;padding-top:12px;font-size:.95rem;font-weight:700;position:absolute;top:45px;left:50%;transform:translate(-50%)}.timeline__item .card{background:#fff;border-radius:5px;width:calc(100vw - 90px);max-width:380px;margin-left:40px;padding:1rem;transition:all .5s ease-in-out;position:relative;bottom:0;transform:translate(400%);box-shadow:0 0 5px #00000080}.timeline__item .card.show{transform:translate(0)}.timeline__item .card:before{content:"";border:20px solid #0000;border-left:0 solid #fff;border-right:16px solid #fff;width:0;position:absolute;top:0;left:-10px;right:0}.timeline__item .card figure{margin:0}.timeline__item .card figure img{border-radius:4px;width:100%;height:auto;display:block}.card__title{color:var(--color-dark);letter-spacing:.3px;margin-top:.5rem;font-size:1rem}.card__title a{color:red;text-decoration:underline}.card__subtitle{color:var(--color-gray-alt);margin-top:.25rem;margin-bottom:1rem;font-size:.95rem}.timeline__item .card .current{text-transform:uppercase;color:#fff;z-index:1;background:orange;border-radius:0 0 0 5px;max-width:90px;padding:0 1rem;font-size:.85rem;font-weight:600;display:inline-block;position:absolute;top:0;right:0}.see-more{background:var(--color-red);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700}.see-more:hover{filter:brightness(1.05)}@media (min-width:768px){.timeline__item{margin:0 auto}.timeline__item:last-child{padding-bottom:50px}.timeline__item:nth-child(odd) .card{transform:translate(400%)}.timeline__item:nth-child(odd) .card.show{transform:translate(0)}.timeline__item:nth-child(odd) .card:before{border-width:20px 16px 20px 0;left:-10px}.timeline__item:nth-child(2n) .card{left:-455px;transform:translate(-400%)}.timeline__item:nth-child(2n) .card.show{transform:translate(0)}.timeline__item:nth-child(2n) .card .current{border-radius:0 0 5px;left:0;right:auto}.timeline__item:nth-child(2n) .card:before{border-width:20px 0 20px 16px;border-color:#0000 #0000 #0000 #fff;left:auto;right:-10px}}.page{padding:7rem 0 4rem}.page__title{text-align:center;margin:0;font-size:2rem}.page__subtitle{text-align:center;color:var(--color-gray);margin:.5rem 0 2.5rem}.page__empty{text-align:center;color:var(--color-gray)}.projects__grid{grid-template-columns:1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:568px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:#1d1f20;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;height:100%;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-red);transform:translateY(-4px)}.project-card__cover{aspect-ratio:16/10;background:#16181c;display:block;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;display:block}.project-card__placeholder{background:linear-gradient(135deg,#23262d,#16181c);width:100%;height:100%;display:block}.project-card__body{flex-direction:column;gap:.15rem;padding:.85rem 1rem 1rem;display:flex}.project-card__title{color:#fff;font-size:1.05rem;font-weight:600}.project-card__meta{color:var(--color-gray-alt);font-size:.8rem}.project-detail{max-width:900px}.project-detail__back{color:var(--color-gray);margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.project-detail__back:hover{color:#fff}.project-detail__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.project-detail__title{margin:0;font-size:1.9rem}.project-visit{background-image:var(--gradient);color:#fff;white-space:nowrap;border-radius:20px;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600}.project-detail__description{color:#d7d8de;margin-bottom:2rem;line-height:1.65}.project-gallery{grid-template-columns:1fr;gap:1rem;display:grid}.project-gallery__img{border:1px solid #ffffff0f;border-radius:12px;width:100%;height:auto;display:block}.rich ul{padding-left:1.5rem;list-style:outside}.rich ol{padding-left:1.5rem;list-style:decimal}.rich h1,.rich h2,.rich h3{margin:1rem 0 .35rem;font-weight:600}.rich a{color:var(--color-red);text-decoration:underline}.rich blockquote{border-left:3px solid var(--color-gray-alt);color:var(--color-gray);padding-left:.75rem}.rich :first-child{margin-top:0}.modal-backdrop{z-index:50;background:#0006;justify-content:center;align-items:center;width:100%;padding:1rem;transition:all .3s;display:flex;position:fixed;inset:0}.modal-dialog{scrollbar-color:var(--color-red) transparent;scrollbar-width:thin;width:100%;max-width:580px;min-height:300px;max-height:calc(100dvh - 150px);color:var(--color-dark);background:#fff;border-radius:20px 0;position:relative;overflow:auto}.modal-header{border-bottom:1px solid var(--color-gray-soft);justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h2{color:var(--color-dark);margin:0;padding-right:2rem;font-size:1.15rem;font-weight:600}.modal-close{cursor:pointer;color:var(--color-dark);background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.modal-body{color:var(--color-dark);padding:1rem}.modal-body strong{color:var(--color-red)}.modal-body :first-child{margin-top:0}.modal-body ul{padding-left:1.5rem;list-style:outside}.modal-body ol{padding-left:1.5rem;list-style:decimal}.modal-body h1,.modal-body h2,.modal-body h3{margin:.75rem 0 .25rem;font-weight:600}.modal-body blockquote{border-left:3px solid var(--color-gray-soft);color:var(--color-gray-alt);padding-left:.75rem}.modal-body a{color:var(--color-red);text-decoration:underline}