@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;background:#fafaf8;font-family:DM Sans,sans-serif;font-size:12px}.serif{font-family:Playfair Display,serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.container--narrow{width:100%;max-width:900px;margin:0 auto;padding:0 2rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:#888780;margin-bottom:1.5rem;font-size:1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{box-shadow:0 0 #1d9e7566}50%{box-shadow:0 0 0 5px #1d9e7500}}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up.d1{transition-delay:.1s}.fade-up.d2{transition-delay:.2s}.fade-up.d3{transition-delay:.3s}.fade-up.d4{transition-delay:.4s}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8e6;border-bottom:1px solid #eceae4;position:fixed;top:0;left:0;right:0;box-shadow:0 0 18px #0000001a}.nav__inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.nav__logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;display:flex}.nav__logo-name{color:#222;font-family:Playfair Display,serif;font-size:1.25rem}.nav__logo-role{letter-spacing:.1em;text-transform:uppercase;color:#888780;font-size:.7rem;font-weight:400}.nav__links{gap:2rem;display:none}@media (width>=768px){.nav__links{display:flex}}.nav__right{align-items:center;gap:.5rem;display:flex}.nav-link{cursor:pointer;letter-spacing:.05em;color:#888780;text-transform:uppercase;background:0 0;border:none;padding:.25rem 0;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:400;transition:color .2s;position:relative}.nav-link:after{content:"";background:#f08080;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link--active{color:#222}.nav-link:hover:after,.nav-link--active:after{width:100%}.availability{align-items:center;gap:.5rem;display:flex}.availability__dot{background:#1d9e75;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.availability__label{color:#1d9e75;font-size:.75rem;font-weight:500}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:64px;padding-bottom:5rem;display:flex}.hero__marquee-wrap{opacity:.35;margin-bottom:4rem;overflow:hidden}.hero__marquee-track{white-space:nowrap;gap:3rem;animation:18s linear infinite marquee;display:flex}.hero__marquee-item{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:400}.hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#888780;margin-top:1.5rem;margin-bottom:1.5rem;font-size:1rem}.hero__heading{color:#222;max-width:15ch;margin-bottom:2.5rem;font-family:Playfair Display,serif;font-size:clamp(3rem,7vw,4.5rem);line-height:1.05}.hero__heading em{color:teal;font-style:italic}.hero__ctas{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero__stats{border-top:1px solid #e8e6e0;flex-wrap:wrap;gap:3rem;margin-top:5rem;padding-top:3rem;display:flex}.hero__stat-num{font-family:Playfair Display,serif;font-size:2.5rem;line-height:1}.hero__stat-label{color:#888780;letter-spacing:.04em;margin-top:.25rem;font-size:.8rem}.btn{cursor:pointer;letter-spacing:.04em;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s,transform .15s,border-color .2s;display:inline-flex}.btn--primary{color:#fafaf8;background:#f08080}.btn--primary:hover{background:#fea6a6;transform:translateY(-1px)}.btn--primary-inv{color:#222;background:#f4f4f4}.btn--primary-inv:hover{background:#e7e7e7;transform:translateY(-1px)}.btn--ghost{color:#222;background:0 0;border:1px solid #d3d1c7}.btn--ghost:hover{border-color:#222;transform:translateY(-1px)}.tag{letter-spacing:.06em;text-transform:uppercase;color:teal;background:#fff;border:1px solid teal;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:500;display:inline-block}.work{background:#fafaf8;padding:5rem 0}.work__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:3rem;display:flex}.work__heading{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem)}.work__year{color:#888780;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.work__grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}@media (width<=768px){.work__grid{grid-template-columns:1fr}}.work__col--wide{grid-column:span 7}@media (width<=768px){.work__col--wide{grid-column:span 1}}.work__col--narrow{grid-column:span 5}@media (width<=768px){.work__col--narrow{grid-column:span 1}}.work__col--mid{grid-column:span 4}@media (width<=768px){.work__col--mid{grid-column:span 1}}.project-card{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:380px;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card--wide{min-height:420px}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014}.project-card__meta{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.project-card__category{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.7rem}.project-card__role{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:.7rem}.project-card__title{margin-top:1rem;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,1.5rem);line-height:1.1}.project-card__desc{opacity:.7;max-width:34ch;font-size:.9rem;line-height:1.65}.project-card__footer{justify-content:space-between;align-items:flex-end;margin-top:2rem;display:flex}.project-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-card__arrow{background:teal;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex}.project-card__arrow--hovered{transform:scale(1.1)rotate(-45deg)}.project-card__arrow--idle{transform:scale(1)rotate(0)}.about{background:#f4f4f4;padding:7rem 0}.about__grid{grid-template-columns:1fr;align-items:start;gap:5rem;display:grid}@media (width>=768px){.about__grid{grid-template-columns:2fr 1fr}}.about__heading{margin-bottom:2rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}.about__body{color:#5f5e5a;margin-bottom:1.25rem;font-size:.95rem;line-height:1.8}.about__body:last-of-type{margin-bottom:2.5rem}.about__tools{flex-wrap:wrap;gap:1rem;display:flex}.about__tool-badge{letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid teal;border-radius:100px;padding:6px 14px;font-size:.75rem}.about__avatar-wrap{margin-bottom:3rem}.about__avatar{aspect-ratio:4/4;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.about__avatar img{opacity:.8;max-width:354px}.about__avatar-inner{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;padding:2rem;display:flex;position:absolute;inset:0}.about__avatar-initials{color:#f08080;font-family:Playfair Display,serif;font-size:5rem;font-weight:bolder;line-height:1}.about__avatar-name{letter-spacing:.1em;text-transform:uppercase;color:#f08080;font-size:1.5rem}.about__skills{flex-direction:column;gap:1.5rem;display:flex}.about__skill-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.about__skill-name{letter-spacing:.02em;font-size:.8rem;font-weight:500}.about__skill-pct{color:#888780;font-size:.75rem}.skill-bar__track{background:#e8e6e0;border-radius:2px;height:2px;overflow:hidden}.skill-bar__fill{background:#222;border-radius:2px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.process{background:#f4f9f9;padding:7rem 0}.process__header{margin-bottom:3rem}.process__heading{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.2rem)}.process-card-container{background:#fff;border-radius:12px;padding:1rem 2rem}.process-card{background:#fff;padding:2rem 0;transition:border-color .3s}.process-card:hover{border-color:teal}.process-card__inner{grid-template-columns:80px 1fr 3fr;align-items:start;gap:2rem;display:grid}@media (width<=640px){.process-card__inner{grid-template-columns:48px 1fr}.process-card__inner p{grid-column:2}}.process-card__num{color:#d3d1c7;font-family:Playfair Display,serif;font-size:2rem}.process-card__title{color:#f08080;font-family:Playfair Display,serif;font-size:1.5rem}.process-card__body{color:#5f5e5a;font-size:.9rem;line-height:1.75}.contact{background:#222;padding:7rem 0}.contact__heading{color:#f4f4f4;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.contact__heading--muted{color:teal;margin-bottom:3rem;font-style:italic}.contact__form{flex-direction:column;gap:2rem;display:flex}.contact__row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=600px){.contact__row{grid-template-columns:1fr}}.contact__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.contact__socials{gap:1.5rem;display:flex}.contact__social-link{letter-spacing:.06em;text-transform:uppercase;color:#888780;font-size:.8rem;text-decoration:none;transition:color .2s}.contact__social-link:hover{color:#f4f4f4}.contact__success{text-align:center;padding:4rem 0}.contact__success-icon{color:#f4f4f4;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:3rem}.contact__success-text{color:#b4b2a9;font-size:1rem}.contact-input{color:#f4f4f4;background:0 0;border:none;border-bottom:1px solid #444441;outline:none;width:100%;padding:.75rem 0;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .2s}.contact-input:focus{border-color:#f4f4f4}.contact-input::placeholder{color:#888780}.contact-input--textarea{resize:none;height:100px}a.project-card{flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.cs-hero{padding:10rem 0 5rem}.cs-hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:1.5rem;font-size:.8rem}.cs-hero__title{max-width:16ch;margin-bottom:2rem;font-size:clamp(3rem,7vw,6rem);line-height:1.05}.cs-hero__overview{opacity:.75;max-width:60ch;margin-bottom:3.5rem;font-size:1.1rem;line-height:1.8}.cs-hero__meta{opacity:.9;border-top:1px solid;flex-wrap:wrap;gap:3rem;padding-top:2.5rem;display:flex}.cs-hero__meta-item{flex-direction:column;gap:.35rem;display:flex}.cs-hero__meta-label{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.cs-hero__meta-value{font-size:.9rem;font-weight:500}.cs-mockup{padding:4rem 0}.cs-mockup--dark{background:#222;padding:5rem 0}.cs-mockup__screen{aspect-ratio:16/9;border:1px solid;border-radius:16px;width:100%;overflow:hidden}.cs-mockup__screen--sm{aspect-ratio:9/16;flex:1;max-width:260px}.cs-mockup__screen-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cs-mockup__screen-inner--dark{background:#ffffff0a}.cs-mockup__label{opacity:.15;font-size:2rem}.cs-mockup--dark .cs-mockup__label{color:#fafaf8;opacity:.2}.cs-mockup__row{justify-content:center;align-items:stretch;gap:1.5rem;display:flex}.cs-section{padding:7rem 0}.cs-section--warm{background:#f4f4f4}.cs-section__inner{grid-template-columns:200px 1fr;align-items:start;gap:4rem;display:grid}@media (width<=768px){.cs-section__inner{grid-template-columns:1fr;gap:2rem}}.cs-section__label-col{padding-top:.5rem}.cs-section__label{letter-spacing:.1em;text-transform:uppercase;color:#888780;font-size:.75rem}.cs-section__heading{margin-bottom:1.5rem;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.15}.cs-section__body{color:#5f5e5a;max-width:60ch;margin-bottom:3rem;font-size:1rem;line-height:1.85}.cs-stats{flex-wrap:wrap;gap:2.5rem;display:flex}.cs-stat__value{margin-bottom:.4rem;font-size:2.5rem;line-height:1}.cs-stat__label{color:#888780;letter-spacing:.04em;font-size:.78rem}.cs-process{flex-direction:column;gap:0;display:flex}.cs-process__step{border-top:1px solid #e8e6e0;padding:2rem 0}.cs-process__step:last-child{border-bottom:1px solid #e8e6e0}.cs-process__step-header{align-items:baseline;gap:1.25rem;margin-bottom:.75rem;display:flex}.cs-process__step-num{color:#d3d1c7;min-width:2rem;font-size:1.1rem}.cs-process__step-phase{font-size:1.3rem}.cs-process__step-body{color:#5f5e5a;padding-left:3.25rem;font-size:.93rem;line-height:1.8}@media (width<=640px){.cs-process__step-body{padding-left:0}}.cs-next{padding:6rem 0;transition:filter .3s;display:block}.cs-next:hover{filter:brightness(.97)}.cs-next__label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem}.cs-next__inner{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cs-next__title{font-size:2rem;line-height:1.05}.cs-next__arrow{background:teal;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s;display:flex}.cs-next:hover .cs-next__arrow{transform:translate(4px,-4px)}.cs-next__desc{max-width:55ch;font-size:1rem;line-height:1.7}.cs-not-found{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.footer{background:#222;border-top:1px solid #444441;padding:2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer__logo{color:#5f5e5a;font-family:Playfair Display,serif;font-size:1rem}.footer__copy{color:#5f5e5a;letter-spacing:.06em;font-size:.75rem}