:root{--berry:#4a0060;--violet:#954ca4;--lilac:#e2b2e8;--vanilla:#f8ffc5;--orange:#e03702;--surface:#fffafd;--ink:var(--berry);--muted:#654b6d;--paper:var(--surface);--line:#4a006033;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--berry);outline-offset:6px}img{max-width:100%;display:block}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:10;padding:12px;background:var(--vanilla)}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;min-height:120px;border-bottom:1px solid var(--line);gap:24px}.brand{display:block;position:relative;width:180px;height:78px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:225px;height:225px;max-width:none;left:-22.5px;top:-68px}nav{display:flex;gap:36px;align-items:center}nav>a:not(.button){text-decoration:none;font-size:0.875rem;font-weight:600}nav>a:not(.button):hover{color:var(--berry)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 25px;background:var(--ink);color:var(--surface);font-size:0.875rem;font-weight:700;text-decoration:none;border:1px solid var(--ink);border-radius:999px;line-height:1.3;transition:transform .18s,background .18s}.button:hover{background:var(--violet);color:var(--vanilla);transform:translateY(-2px)}.button-small{min-height:46px;padding:12px 24px}.menu-button{display:none}.hero{display:block;text-align:center;padding-block:72px 82px}.hero-copy{max-width:1000px;margin-inline:auto}.hero h1{max-width:none}.hero .hero-description{max-width:580px;margin-inline:auto}.hero .actions{justify-content:center}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:.13em;line-height:1.5;margin:0 0 25px}.tiny-mark{font-size:1.5rem;color:var(--berry);vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.75rem,6.3vw,5.625rem);line-height:.99;letter-spacing:-5px;margin-bottom:30px;font-weight:750}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-5px}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:before{content:"";position:absolute;inset:51% -5px -2px;background:var(--vanilla);z-index:-1;transform:rotate(-2deg)}.lead{font-size:1.4375rem;line-height:1.35;font-weight:500;margin-bottom:16px}.hero-description{max-width:435px;color:var(--muted);line-height:1.65;margin-bottom:26px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:0.875rem;font-weight:700}.text-link:hover{color:var(--berry)}.small-note{font-size:0.75rem;color:var(--muted);margin:14px 0 0}.values-strip{background:var(--vanilla);padding:23px 0;border-block:1px solid var(--ink)}.values-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:1rem;font-weight:600}.values-strip b{font-size:1.5625rem;color:var(--berry)}.section{padding-block:100px}.section-label{display:flex;gap:13px;align-items:center;font-size:0.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.section-label:before{content:"";height:9px;width:9px;background:var(--berry);border-radius:50%}h2{font-size:clamp(2.25rem,4vw,3.375rem);line-height:1.08;letter-spacing:-2px;font-weight:600;margin-bottom:24px}h2 .serif{letter-spacing:-2px}h3{font-size:1.625rem;line-height:1.2;letter-spacing:-.7px}.split-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:end;margin-bottom:45px}.split-heading p{max-width:425px;color:var(--muted)}.fit{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.fit h2{max-width:460px}.fit-copy>p{max-width:380px;color:var(--muted)}.fit-list{list-style:none;margin:0;padding:0}.fit-list li{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;font-size:1.125rem;line-height:1.45}.fit-list li:first-child{padding-top:0}.fit-list span{color:var(--berry);font-size:0.8125rem}.services{background:var(--surface);border-block:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{padding:38px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper)}.service-card.lilac{background:var(--lilac);color:var(--berry)}.service-card.lilac .text-link:hover{color:var(--berry);text-decoration-thickness:2px}.service-card.vanilla{background:var(--vanilla)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.card-top>span{font-size:0.75rem;letter-spacing:.1em;font-weight:700}.service-symbol{font-size:2rem!important;line-height:1}.service-card h3{font-size:2.3125rem;margin-bottom:10px;letter-spacing:-1.5px}.service-intro{max-width:350px;margin-bottom:28px}.service-item{padding-block:18px;border-top:1px solid #4a006040}.service-item h4{font-size:1rem;margin:0 0 6px}.service-item p{font-size:1rem;margin:0;line-height:1.6}.service-card .text-link{display:inline-block;margin-top:20px}.work-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.project-visual{display:block;background:var(--berry);padding:38px 38px 0;align-self:stretch;overflow:hidden;min-height:370px}.project-visual img{width:100%;border-radius:10px 10px 0 0;box-shadow:0 8px 30px #4a006040}.project-copy{padding:44px}.tag{display:inline-block;padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:0.75rem;margin-bottom:20px}.project-copy h3{font-size:2.25rem}.project-copy p{color:var(--muted);margin-bottom:24px}.project-note{font-size:0.875rem;color:var(--muted);margin:20px 0 0}.process{background:var(--berry);color:var(--paper)}.process .section-label:before{background:var(--vanilla)}.process h2{max-width:560px}.process .section-intro{color:var(--surface);margin-bottom:45px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step{border-top:1px solid #e2b2e866;padding-top:25px}.step-number{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:3.375rem;line-height:1;margin-bottom:28px;color:var(--vanilla)}.step:nth-child(2) .step-number{color:var(--lilac)}.step:nth-child(3) .step-number{color:var(--orange)}.step h3{font-size:1.4375rem}.step p{color:var(--surface);font-size:1rem}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:stretch}.about-photo{position:relative;width:100%;margin:44px 0 0;overflow:hidden}.about-photo img{position:absolute;height:134.8993%;width:auto;max-width:none;top:-7.3826%;left:50%;transform:translateX(-49.2537%)}.about-copy>p{color:var(--muted)}.about-copy blockquote{margin:25px 0;padding:0 0 0 20px;border-left:4px solid var(--berry);font-weight:600;font-size:1.1875rem;line-height:1.5}.contact{background:var(--berry);padding:80px 0;color:var(--surface)}.contact-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(2.5rem,5vw,4.125rem);margin:0}.contact h2 .serif{color:var(--vanilla)}.contact p{margin-bottom:25px}.button-vanilla{background:var(--vanilla);color:var(--ink);border-color:var(--vanilla)}.button-vanilla:hover{background:var(--surface);color:var(--ink)}footer{padding:45px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:35px}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{font-size:0.875rem}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:0.75rem;color:var(--muted)}
@media(min-width:1440px){.hero{padding-block:85px 100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}h1{font-size:4.25rem;letter-spacing:-4px}.serif{letter-spacing:-4px}nav{gap:23px}.actions{gap:18px}.split-heading,.fit,.about{gap:40px}.project-copy{padding:30px}.service-card{padding:30px}.project-visual{padding:25px 25px 0}.steps{gap:25px}.contact-inner{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:95px;position:relative;flex-wrap:wrap;gap:0}.menu-button{display:flex;gap:12px;align-items:center;border:1px solid var(--ink);background:transparent;border-radius:999px;padding:8px 16px;font-size:0.875rem;min-height:44px}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:15px 0 20px}.header nav.open{display:flex}.header nav>a{padding:13px 0}.header nav>.button{margin-top:8px}.hero{grid-template-columns:1fr;padding-block:40px 55px;gap:35px}.eyebrow{font-size:0.75rem;margin-bottom:20px}.tiny-mark{font-size:1.25rem}h1{font-size:clamp(3.375rem,12vw,5rem);letter-spacing:-3.5px;max-width:600px}.serif{letter-spacing:-3px}.lead{font-size:1.375rem}.hero-description{max-width:480px}.values-strip{padding:16px 0}.values-strip .wrap{justify-content:center;flex-wrap:wrap;gap:7px 14px;font-size:0.75rem}.values-strip b{font-size:1.0625rem}.values-strip b:nth-of-type(2){display:none}.section{padding-block:65px}.fit,.split-heading,.service-grid,.work-grid,.about,.contact-inner{grid-template-columns:1fr;gap:30px}h2{font-size:2.4375rem;letter-spacing:-1.5px}.fit h2{max-width:100%}.fit-copy>p{max-width:100%}.fit-list li{font-size:1.0625rem;padding:17px 0}.split-heading{margin-bottom:30px;gap:0}.split-heading p{margin-bottom:0}.service-card{padding:28px}.service-card h3{font-size:2.125rem}.card-top{margin-bottom:26px}.project-visual{min-height:0;max-height:365px;padding:28px 24px 0}.project-copy{padding:0 27px 30px}.steps{grid-template-columns:1fr;gap:22px}.step{display:grid;grid-template-columns:60px 1fr;gap:5px 20px}.step-number{grid-row:span 2;font-size:2.8125rem}.step h3{margin-bottom:5px}.step p{grid-column:2;margin:0}.about-photo{max-width:400px;aspect-ratio:682 / 1043;margin:0 auto}.about{gap:40px}.contact{padding-block:60px}.contact-inner{gap:30px}.contact h2{font-size:2.75rem}.footer-main{flex-direction:column;gap:30px}.footer-links{gap:18px 25px}.footer-bottom{flex-direction:column;gap:5px}.small-note{font-size:0.75rem}.actions{gap:20px}.section-label{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:380px){.card-top{gap:16px}}

/* Marketing support complements the two design services. */
.marketing-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--violet);color:var(--vanilla)}
.marketing-card .card-top{margin-bottom:24px}
.marketing-card .service-intro{max-width:440px;margin-bottom:18px}
.experience-note{font-size:.875rem;font-weight:600;margin:0 0 25px}
.marketing-services{align-self:center}
.marketing-services .service-item{padding-block:22px}
.marketing-services .service-item:last-child{border-bottom:1px solid #4a006040}
.marketing-services h4{font-size:1.125rem}
@media(max-width:1050px){.marketing-card{gap:35px}}
@media(max-width:760px){.marketing-card{grid-template-columns:1fr;gap:28px}.marketing-card .button{width:100%}.marketing-card .service-intro{max-width:none}.marketing-services .service-item{padding-block:20px}}

/* Reference palette: Vainilla, Kika, Niebla, Berry, and Fresa. */
.hero h1 .serif{color:var(--violet)}
.contact a:focus-visible{outline-color:var(--lilac)}

.marketing-card .service-item{border-color:#f8ffc566}
.marketing-card .button{background:var(--vanilla);color:var(--berry);border-color:var(--vanilla)}
.marketing-card .button:hover{background:var(--lilac);border-color:var(--lilac)}
.marketing-card a:focus-visible{outline-color:var(--vanilla)}