.skill-comp{align-items:center;background:#fff;border:2px solid #1d1a17;border-radius:14px;cursor:default;display:flex;flex-direction:column;gap:12px;padding:22px 12px 18px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.skill-comp .skill-name{color:#1d1a17;font-size:15px;font-weight:700;text-align:center}.skill-comp:hover{box-shadow:5px 5px 0 var(--color-hover);transform:translateY(-4px) rotate(-2deg)}.skill-comp:hover .skill-name{color:var(--color-hover)}.ie-band{display:block;width:100%}.skills-section{align-items:center;display:flex;flex-direction:column;gap:48px;width:100%}.skills-section .skill-list{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);max-width:900px;width:100%}@media only screen and (min-width:600px){.skills-section .skill-list{gap:20px;grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1024px){.skills-section{gap:64px}.skills-section .skill-list{grid-template-columns:repeat(6,1fr);max-width:1100px}}.project-card{background:#fff;border:2px solid #1d1a17;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{box-shadow:7px 7px 0 #c62f2f;transform:translate(-3px,-3px)}.project-card .q-card{background:#ececec;border-bottom:2px solid #1d1a17;border-radius:0;position:relative}.project-card .q-card>img{aspect-ratio:1000/741;display:block;object-fit:contain;width:100%}.project-card .q-card .icon-open-full{background:#fff;border:2px solid #1d1a17;border-radius:50%;bottom:10px;display:none;padding:6px;position:absolute;right:10px}.project-card .info{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px}.project-card .info .title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.project-card .info .see-live{align-items:center;background:#e9a93a;border:2px solid #1d1a17;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:700;gap:4px;padding:3px 12px;text-decoration:none;transition:background-color .15s ease}.project-card .info .see-live:hover{background:#c62f2f;color:#fff}.project-card .info .skills{display:flex;flex-wrap:wrap;gap:6px}.project-card .info .skills span{background:#f2e6d0;border-radius:999px;color:#3a332d;font-size:13px;font-weight:600;padding:2px 10px}@media only screen and (min-width:768px){.project-card .q-card{cursor:pointer}.project-card .q-card .icon-open-full{display:block}}.main-button{border:2px solid #1d1a17;border-radius:999px;box-shadow:3px 3px 0 #1d1a17;font-family:DM Sans Variable,sans-serif;font-size:16px;font-weight:700;padding:10px 22px;transition:transform .15s ease,box-shadow .15s ease}.main-button .q-focus-helper{display:none}.main-button .q-icon.on-right{font-size:20px;margin-left:8px}.main-button:hover{box-shadow:5px 5px 0 #1d1a17;transform:translate(-2px,-2px)}.main-button:active{box-shadow:1px 1px 0 #1d1a17;transform:translate(2px,2px)}.main-button--primary{background:#c62f2f;color:#fff}.main-button--outline{background:#fff;color:#1d1a17}.main-button--ochre{background:#e9a93a;color:#1d1a17}.ie-rosette{display:block}.q-dialog{z-index:9999999}.q-dialog .project-dialog{background:#fbf5e9;border:2px solid #1d1a17;border-radius:14px;overflow:hidden;width:100%}.q-dialog .project-dialog .title-section-card .title{font-family:Bricolage Grotesque Variable,sans-serif;font-size:24px;font-weight:700}.q-dialog .project-dialog .see-live{align-items:center;background:#e9a93a;border:2px solid #1d1a17;border-radius:999px;display:inline-flex;font-weight:700;gap:4px;padding:4px 14px;text-decoration:none}.q-dialog .project-dialog .skills{display:flex;flex-wrap:wrap;gap:8px}.q-dialog .project-dialog .skills span{background:#f2e6d0;border-radius:999px;font-size:13px;font-weight:600;padding:2px 10px}.q-dialog .project-dialog .q-img{border-radius:10px}.q-dialog__inner--minimized>div{max-width:1002px}.projects-section{min-width:0;padding-top:32px;width:100%}.projects-section .name,.projects-section .role{opacity:0;transform:translateY(-30px)}.projects-section .button-hero,.projects-section .work{opacity:0;transform:translateY(30px)}.projects-section .intro-rosette{opacity:0;transform:scale(.4) rotate(-90deg)}.projects-section .intro{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.projects-section .intro-text{display:flex;flex-direction:column;gap:16px}.projects-section .name{font-size:min(40px,(100vw - 32px)/10.5);white-space:nowrap;width:-moz-fit-content;width:fit-content}.projects-section .name .wave{color:#c62f2f;display:inline-block}.projects-section .intro-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.projects-section .role{background:#e9a93a;border:2px solid #1d1a17;border-radius:8px;display:inline-block;font-family:Bricolage Grotesque Variable,sans-serif;font-size:18px;font-weight:700;padding:4px 14px;transform:rotate(-2deg)}.projects-section .intro-rosette{display:none;flex-shrink:0}.projects-section .toolbar{margin-bottom:28px}.projects-section .tabs{display:flex;flex-wrap:wrap;gap:10px}.projects-section .tabs button{align-items:center;background:#fff;border:2px solid #1d1a17;border-radius:999px;color:#1d1a17;cursor:pointer;display:inline-flex;font-family:Bricolage Grotesque Variable,sans-serif;font-size:16px;font-weight:700;gap:8px;padding:8px 18px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.projects-section .tabs button .count{background:#f2e6d0;border-radius:999px;color:#1d1a17;font-family:DM Sans Variable,sans-serif;font-size:12px;line-height:20px;min-width:22px;padding:0 6px;text-align:center}.projects-section .tabs button:hover{background:#f2e6d0}.projects-section .tabs button.active{background:#c62f2f;box-shadow:3px 3px 0 #1d1a17;color:#fff}.projects-section .tabs button.active .count{background:#fff;color:#c62f2f}.projects-section .projects-list{display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (min-width:768px){.projects-section{padding-top:48px}.projects-section .name{font-size:min(60px,(100vw - 60px)/10.5)}.projects-section .role{font-size:22px}.projects-section .projects-list{gap:28px;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1100px){.projects-section .intro-rosette{display:block}.projects-section .projects-list{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:767px){.projects-section{padding-top:20px}.projects-section .name{font-size:min(34px,(100vw - 32px)/10.5)}.projects-section .role{font-size:16px}.projects-section .tabs button{font-size:14px;padding:6px 14px}}.projects-section.is-intro{padding-top:0}.projects-section.is-intro .intro{flex-direction:column;justify-content:center;margin-bottom:0;min-height:calc(100svh - 64px)}.projects-section.is-intro .intro-text{align-items:center;gap:26px;text-align:center}.projects-section.is-intro .intro-row{flex-direction:column;gap:26px}.projects-section.is-intro .name{font-size:min(48px,(100vw - 32px)/10.5)}.projects-section.is-intro .intro-rosette,.projects-section.is-intro .work{display:none}@media only screen and (min-width:768px){.projects-section.is-intro .name{font-size:min(84px,(100vw - 60px)/10.5)}}@media only screen and (min-width:1100px){.projects-section.is-intro .name{font-size:min(100px,(min(100vw,1240px) - 60px)/10.5)}}.base-input .q-field__control{background:#3a332d;border-radius:12px}.base-input .q-field__native{color:#fbf5e9}.base-input .q-field__label{color:#f2e6d0;font-weight:500}.contact-section{--ie-black:#fbf5e9;background-color:#1d1a17}.contact-section .band{background:#3a332d;box-sizing:initial;padding:6px 0}.contact-section .container{margin:0 auto;max-width:480px;padding-bottom:72px;padding-top:64px}.contact-section .container .info{align-items:center;display:flex;flex-direction:column;gap:18px;margin-bottom:40px;text-align:center}.contact-section .container .info .avatar{background:#f2e6d0;border:3px solid #fbf5e9;border-radius:50%;box-shadow:5px 5px 0 #c62f2f;width:120px}.contact-section .container .info h2{color:#fbf5e9}.contact-section .container .info p{color:#f2e6d0;max-width:380px}.contact-section .container .q-form{display:flex;flex-direction:column;gap:6px}.contact-section .container .form-note{color:#f2e6d0;font-size:13px;margin-top:14px}.contact-section .container .form-note a{color:#e9a93a;font-weight:600}.contact-section .container .main-button{align-self:flex-start;border-color:#fbf5e9;box-shadow:3px 3px 0 #fbf5e9;margin-top:18px}@media only screen and (min-width:1024px){.contact-section .container{display:flex;gap:60px;justify-content:space-between;max-width:1100px;padding-bottom:100px;padding-top:96px}.contact-section .container .info{align-items:flex-start;text-align:left}.contact-section .container .info p{max-width:420px}.contact-section .container .q-form{width:460px}}@media only screen and (min-width:1440px){.contact-section .container{max-width:1240px}}.start-project-card .container{--ie-red:#e9a93a;--ie-black:#fbf5e9;--ie-ochre:#fbf5e9;background:#c62f2f;border:2px solid #1d1a17;border-radius:14px;box-shadow:5px 5px 0 #1d1a17;overflow:hidden}.start-project-card .container .band{background:#9e2222;box-sizing:initial;padding:6px 0}.start-project-card .container .content{align-items:center;display:flex;flex-direction:column;gap:18px;padding:36px 24px;text-align:center}.start-project-card .container h3{color:#fff;font-size:28px;max-width:620px}.start-project-card .container p{color:#ffffffe0;max-width:560px}@media only screen and (min-width:768px){.start-project-card .container .content{padding:48px 40px}.start-project-card .container h3{font-size:38px}}.services-card{background-color:#fff;border:2px solid #1d1a17;border-radius:14px;cursor:default;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:28px 24px 26px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.services-card:before{background:var(--color-hover);content:"";height:8px;left:0;position:absolute;right:0;top:0}.services-card .number{align-items:center;background:var(--color-hover);border:2px solid #1d1a17;border-radius:50%;color:#fff;display:inline-flex;font-family:Bricolage Grotesque Variable,sans-serif;font-weight:800;height:44px;justify-content:center;margin-bottom:6px;width:44px}.services-card p{font-size:15px}.services-card:hover{box-shadow:7px 7px 0 var(--color-hover);transform:translate(-3px,-3px) rotate(-.5deg)}.our-services-section{display:flex;flex-direction:column;gap:48px}.our-services-section .our-services-list{display:grid;gap:24px;grid-template-columns:1fr}@media only screen and (min-width:768px){.our-services-section{gap:64px}.our-services-section .our-services-list{gap:28px;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1100px){.our-services-section .our-services-list{grid-template-columns:repeat(3,1fr)}}.overflow-scroll{position:relative}.remove-animation{opacity:1!important}.animation-section{opacity:0}