.header{width:100%;min-height:clamp(360px,46vh,520px);padding:clamp(4rem,8vw,7rem) 1rem clamp(3rem,6vw,5rem);background:var(--paper);color:var(--dark);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.header h1{font-size:clamp(2.6rem,9vw,7rem);line-height:.95;text-transform:uppercase;transition:.2s ease-in-out;max-width:100%;overflow-wrap:anywhere}.header h3{font-size:clamp(1rem,3vw,2rem);line-height:1.2;color:var(--muted);font-weight:400;font-family:Quantify,Poppins,sans-serif;transition:.2s ease-in-out}.header>p{width:min(760px,100%);margin-top:1.25rem;color:var(--muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;font-family:Poppins,sans-serif}.header .project-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding:0;list-style:none}.header .project-meta li{padding:.55rem .8rem;border:1px solid var(--line);background:var(--white);color:var(--dark);font-size:.85rem;font-weight:700;font-family:Poppins,sans-serif}@media(max-width:768px){.header{min-height:40vh}}.grid{width:100%;padding:clamp(2rem,5vw,5rem) 0;background:var(--paper)}.grid__cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:clamp(1.25rem,2vw,2rem)}@media(min-width:768px){.grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.grid__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-study{width:100%;padding:clamp(3rem,6vw,6rem) 0;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-study__intro{width:min(760px,100%);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.case-study__intro span{display:inline-flex;align-items:center;min-height:2rem;margin-bottom:.85rem;padding:.35rem .7rem;border:1px solid rgba(199,16,60,.18);background:#c7103c14;color:var(--accent);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.case-study__intro h2{color:var(--dark);font-size:clamp(2rem,5vw,4.5rem);line-height:.98;text-transform:uppercase;overflow-wrap:anywhere}.case-study__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.case-study__grid article{min-height:260px;padding:clamp(1.25rem,2.4vw,2rem);border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.case-study__grid article:hover{transform:translateY(-4px);border-color:#c7103c59;box-shadow:0 1.2rem 2.4rem #0000000f}.case-study__grid article span{color:var(--accent);font-family:Poppins,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.case-study__grid article p{margin-top:2rem;color:var(--muted);font-family:Poppins,sans-serif;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65}.card-portfolio{width:100%;height:100%;min-height:360px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--white);overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-portfolio:hover{transform:translateY(-4px);box-shadow:0 1.2rem 2.4rem #00000014}.card-portfolio__top{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--white);overflow:hidden}.card-portfolio__top img{width:100%;height:100%;object-fit:cover;display:block}.card-portfolio__bottom{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;padding:1.25rem}.card-portfolio__bottom .info{min-width:0}.card-portfolio__bottom .info h4{font-family:Quantify,Poppins,sans-serif;font-weight:400;letter-spacing:0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.2;margin-bottom:.5rem;overflow-wrap:anywhere}.card-portfolio__bottom .info p{color:#000000a6;font-size:.95rem;line-height:1.35;font-family:Poppins,sans-serif}.card-portfolio__bottom .info .category{color:var(--dark);font-weight:700}.card-portfolio__bottom .info .description{margin-top:.5rem;color:var(--muted)}.card-portfolio__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto}.card-portfolio .figma-access-note{margin-top:.25rem;padding-left:.75rem;border-left:3px solid var(--magenta);color:var(--muted);font-size:.78rem;line-height:1.5}.btn-link{min-width:56px;height:44px;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dark);background:var(--dark);color:var(--white);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.btn-link:hover,.btn-link:focus{background:var(--white);color:var(--dark)}.btn-link--secondary{border-color:var(--magenta);color:var(--white);background:var(--magenta)}.btn-link--secondary:hover,.btn-link--secondary:focus{color:var(--magenta);background:var(--white)}@media(max-width:900px){.case-study__grid{grid-template-columns:1fr}.case-study__grid article{min-height:220px}}@media(max-width:575px){.card-portfolio{min-height:320px}.card-portfolio__actions{width:100%}.card-portfolio__actions .btn-link{flex:1 1 auto}}.header{min-height:clamp(430px,62vh,680px);align-items:flex-start;padding-inline:max(1rem,(100vw - 1360px) / 2);text-align:left;background:var(--white);border-bottom:1px solid var(--line)}.header h3{color:var(--purple);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.header h1{max-width:1100px;margin-top:1rem;font-size:clamp(3.5rem,9vw,8.5rem);line-height:.87;letter-spacing:-.07em;text-transform:none}.header>p{margin-top:2rem;font-size:clamp(1.1rem,1.8vw,1.4rem)}.header .project-meta{justify-content:flex-start}.header .project-meta li{border:0;border-radius:999px;background:var(--paper)}.grid{padding:clamp(4rem,8vw,8rem) 0}.grid__cards{gap:clamp(1.5rem,3vw,3rem)}.card-portfolio{min-height:480px;border:0;border-radius:24px;box-shadow:0 10px 35px #21004d0f}.card-portfolio:hover{transform:translateY(-6px);box-shadow:0 24px 60px #21004d1f}.card-portfolio__top{aspect-ratio:4/3;background:#ececf1}.card-portfolio__bottom{padding:clamp(1.4rem,2.5vw,2rem);gap:1.25rem}.card-portfolio__bottom .info h4{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:0}.btn-link{min-height:44px;height:auto;border:0;border-radius:999px;background:var(--purple);padding:.75rem 1.2rem}@media(min-width:1200px){.grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-drawer{position:fixed;inset:0;z-index:9500;display:flex;justify-content:flex-end;background:#14002e94;backdrop-filter:blur(5px);overscroll-behavior:contain;touch-action:none;animation:drawer-overlay .2s ease both}.project-drawer__panel{width:min(620px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;color:var(--dark);background:var(--white);box-shadow:-24px 0 60px #14002e38;animation:drawer-enter .32s cubic-bezier(.22,1,.36,1) both}.project-drawer__header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,4vw,2.5rem);border-bottom:1px solid var(--line);flex:0 0 auto}.project-drawer__header>span{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-drawer__header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);color:var(--dark);background:var(--paper);cursor:pointer}.project-drawer__content{flex:1 1 auto;display:grid;gap:clamp(2rem,5vh,3.5rem);padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,2.5rem);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.project-drawer__content h2{margin-top:.65rem;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95;letter-spacing:-.05em;overflow-wrap:anywhere}.project-drawer__content section{padding-top:1.25rem;border-top:1px solid var(--line)}.project-drawer__content h3{margin-bottom:.75rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.project-drawer__content p{color:var(--muted);font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.7}.project-drawer__category{color:var(--magenta)!important;font-size:.78rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-drawer__tags{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;list-style:none}.project-drawer__tags li{padding:.55rem .75rem;border:1px solid var(--line);background:var(--paper);font-size:.82rem;font-weight:700}.project-drawer__detail-list{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.project-drawer__detail-list li{padding-left:1.25rem;position:relative;color:var(--muted);line-height:1.6}.project-drawer__detail-list li:before{content:"";position:absolute;top:.65em;left:0;width:.42rem;height:.42rem;background:var(--magenta)}.project-drawer__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding:1.25rem clamp(1.25rem,4vw,2.5rem) 2rem;border-top:1px solid var(--line);background:var(--paper);flex:0 0 auto}.project-drawer__actions .project-drawer__figma-note{flex-basis:100%;padding-left:.75rem;border-left:3px solid var(--magenta);color:var(--muted);font-size:.8rem;line-height:1.5}.project-drawer__actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--dark);color:var(--white);background:var(--dark);font-weight:700;text-decoration:none}.project-drawer__actions a:hover,.project-drawer__actions a:focus-visible{color:var(--dark);background:var(--white)}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-overlay{0%{opacity:0}to{opacity:1}}@keyframes drawer-enter-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:575px){.project-drawer{align-items:flex-end;padding-top:max(1rem,env(safe-area-inset-top))}.project-drawer__panel{width:100%;height:min(94dvh,100%);border-radius:22px 22px 0 0;box-shadow:0 -18px 50px #14002e47;animation-name:drawer-enter-mobile}.project-drawer__header{min-height:70px;padding:1.15rem 1rem .85rem;position:relative}.project-drawer__header:before{content:"";position:absolute;top:.45rem;left:50%;width:42px;height:4px;border-radius:999px;background:var(--line);transform:translate(-50%)}.project-drawer__header button{width:48px;height:48px}.project-drawer__content{gap:2rem;padding:1.75rem 1rem 2.5rem}.project-drawer__content h2{font-size:clamp(2rem,10vw,3.2rem)}.project-drawer__actions{flex-direction:column;gap:.6rem;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));box-shadow:0 -10px 24px #21004d14}.project-drawer__actions a{width:100%;min-height:52px}}